/* hero section */

.hero-big {
    font-size:90px;
    font-family:'DM Sans';
    font-weight:600;
    padding:20px;
    padding-top:0px;
    margin:0;
    margin-bottom:80px;
    color:white;
}

.hero-small {
    font-size:45px;
    font-family:'DM Sans';
    font-weight:500;
    padding:20px;
    padding-bottom:0px;
    margin:0;
    color:rgba(255, 255, 255, 0.598);

}

.hero-section {
    display:flex;
    flex-direction:column;
    height:90vh;
    justify-content:center;
    background-image:url('img/Skyline\ Background.png');
    align-items:center;
    background-size:cover;
    background-attachment:fixed;
}



/* mission statement */

.mission-statement {
    background-color:#acd6ff;
    background-image: url('img/noise-light.svg');
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding-bottom:20px;
    margin-bottom:10px;
    transition-duration: 400ms;
    
}

#mission {
    transition-duration: 400ms;
}

.scroll-button {
    transition-duration: 400ms;
}


/* about snippet */

.about-snippet {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:50px;
    margin-bottom:70px;
}

.about-image-section {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
}

.about-margin {
    margin-right:250px;
    margin-left:250px;
}

.headshots {
    width:120px;
    border-radius: 200px;
    margin:30px;
    border:solid;
    border-color:#000000;
    border-width:1.5px;
    box-shadow:3px 3px #adadad;
}

/* work section */

.work-section {
    background-color:#acd6ff;
    background-image: url('img/noise-light.svg');
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align: center;
    padding-bottom:30px;
    
}

.study-box {
    background-color:white;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align: center;
    margin:8px;
    width:500px;
    transition-duration: 400ms;
    border:solid;
    border-color:black;
    border-width:1.5px;
}

.study-box:hover {
    border-radius:5px;
}

/* contact section */

.contact-form {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-top:35px;
    padding-bottom:150px;
}

.contact-header {
    display:flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    text-align: center;
}