#why-choose-us {
scroll-margin-top: 80px;
}

#what-we-do{
scroll-margin-top: 80px;
}

html{
scroll-padding-top: 70px;
}
body{
background-color: #e1b382;
margin: 0;
padding: 0;
}

.header-text{
margin-top: 0px;
font-family: 'Michroma';
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.15em;
color: #000000;
-webkit-text-stroke: 1.5px #000000;
    }

.nav-text{
font-family: 'Michroma';
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.15em;
color: #000000;
-webkit-text-stroke: 1.5px #000000;
margin-top: 40px;
margin-left: 30px;
margin-right: 30px;
    }

.nav-bar{
position: sticky;
top: 0;
width: 100%;
height: 60px;
background-color: #c89666;
border-radius: 12px;

}

.explaination-container{
background: linear-gradient(to right,#2d545e,#12343b);
padding: 30px;
margin: 40px auto;
border-radius: 12px;
width: 50%;
border-style: solid;
    border-width: 2px;
    border-color: #c89666;
}

.body-text{
text-color: #FFFFFF;
color: #FFFFFF;
font-family: 'Syncopate';
font-weight: bold;
}

.image-style{
border-radius:10px;
margin: 15px auto;
display: block; /* makes the image be its own structural thingy and take up space in the page, rather than being able to be written over */
}