@charset "UTF-8";

section {
    height: 100vh;
    background-position: center;
    background-size: cover;
    flex-direction: row;
    gap: 2rem 0;
}

section.left {
    justify-content: left;
}

section.right {
    justify-content: right;
}



.section-inner {
    display: flex;
    flex-direction: column;
    gap: 2rem 0;
}



#section1 {
    background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(../img/notebook.jpg);
}

#section2 {
    background-image: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(../img/coffee.jpg);
}

#section3 {
    background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8), rgba(0, 0, 0, 1)), url(../img/programmers_thought.png);
}