@charset "UTF-8";
* , *::before, *::after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 1rem;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #008080;
    background-repeat: repeat;
    background-image: url(assets/backgroundasset50x50.jpg);
}
#container  {
    width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #FBFBDC;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    -webkit-box-shadow: 0px 0px 10px hsla(0,0%,0%,0.40);
    box-shadow: 0px 0px 10px hsla(0,0%,0%,0.40);
}
#Header {
    background-color: #008080;
    margin-top: -30px;
    padding-top: 50px;
    padding-left: 50px;
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 10px;
    margin-bottom: -30px;
}
.logoimg {
    margin-top: -200px;
    margin-left: -30px;
}
#CaseStudyInfo p {
    font-family: IBM Plex Mono, serif;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    justify-content: space-around;
    align-content: space-around;
    color: #421812;
}
#CaseStudyInfo {
    margin-left: 15px;
    margin-right: 15px;
}
#CaseStudyInfo h2 {
    font-family: IBM Plex Mono, serif;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    justify-content: space-around;
    align-content: space-around;
    color: #421812;
    padding-top: 15px;
    padding-right: 15px;
}
#CaseStudy01 {
    display: flex;
}
#CaseStudy01 p {
    margin-left: 25px;
    margin-top: 150px;
}
#CaseStudy02 {
    display: flex;
}
#CaseStudy02 p {
    margin-right: 45px;
    margin-top: -5px;
}
#CaseStudy02 img {
    margin-top: -150px;
}
#SaveSoil {
    padding-top: 50px;
    padding-bottom: 50px;
}
#SustainSound {
    padding-top: 50px;
    margin-top: 0px;
}
#SaveSoil h2 {
    margin-top: -75px;
    margin-left: 0px;
}
#CaseStudy03 {
    display: flex;
}
#CaseStudy03 p {
    margin-left: 25px;
    margin-top: 170px;
}
nav ul li {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    text-shadow: 0px 0px;
    text-decoration: none;
}
nav ul {
    padding-left: 0px;
    list-style-type: none;
    text-align: right;
    font-family: IBM Plex Mono, serif;
    text-decoration: none;
    text-shadow: 0px 0px;
    font-weight: 400;
    font-size: 1.5rem;
}
h1 {
    margin-left: 20px;
    font-family: IBM Plex Mono, serif;
    color: #008080;
    padding-right: autp;
    text-align: center;
    font-weight: 400;
}
#About h1 {
    font-family: IBM Plex Mono, Serif;
    font-weight: 600;
}
aside h1 {
    font-family: IBM Plex Mono, Serif;
    font-weight: 600;
}
#CaseStudyInfo h2 {
    font-family: IBM Plex Mono, Serif;
    font-style: oblique;
    font-variant: normal;
    font-weight: 400;
    margin-left: 0px;
}
.headerh1 {
    margin-left: 130px;
    font-family: IBM Plex Mono, Serif;
    color: #FBFBDC;
    text-align: left;
    font-variant: normal;
    font-size: 2.4rem;
    font-weight: 400;
    padding-right: 20px;
}
.logoimg {
    padding-bottom: 0px;
    margin-top: -130px;
    margin-left: -20px;
}
.servicesbody {
    font-family: IBM Plex Mono, serif;
}
a:link ,  a:visited{
    color: #FBFBDC;
    padding-right: 50px;
    margin-top: -50px;
    text-decoration: none;
}
a:hover ,  a:active{
    color: #F5C4CA;
    padding-right: 50px;
    margin-top: -50px;
    text-decoration: none;
}
footer ul li a:link, a:visited {
    color: #008080;
}
footer ul li a:hover, a:active {
    color: #D82336;
}
#TopNav ul li {
    color: #FBFBDC;
}
#TopNav ul li a:visited , a:link{
    color: #FBFBDC;
}
#TopNav ul li a:hover , a:active{
    color: #F5C4CA;
}
aside ul li {
    list-style-type: none;
    list-style-image: none;
    text-decoration: none;
}
.works {
    padding-top: 45px;
    font-family: IBM Plex Mono, Serif;
    font-weight: 400;
}
.aboutbody {
    font-family: IBM Plex Mono, serif;
}
footer ul li {
    list-style-type: none;
    /* [disabled]list-style-image: none; */
    font-family: IBM Plex Mono, Serif;
    text-align: center;
    color: #008080;
    text-decoration: none;
}
.AboutmeH1 {
    padding-top: 45px;
    font-weight: normal;
    font-family: IBM Plex Mono, serif;
    color: #008080;
    text-align: center;
    font-size: 2rem;
}
.servicesh1 {
    font-family: IBM Plex Mono, serif;
    color: #FBFBDC;
    text-align: center;
    font-weight: 400;
    font-size: 2rem;
    padding-top: 15px;
}
main h1 {
    font-family: IBM Plex Mono, Serif;
    font-weight: 400;
    padding-top: 30px;
}
.resumeh1 {
}
#AboutInfo {
    display: flex;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px;
}
#AboutInfo p {
    margin-left: 25px;
    margin-top: 105px;
}
.servicesh1 {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}
aside {
    background-color: hsla(180,100%,25%,1.00);
    margin-left: -30px;
    margin-right: -30px;
}
#ServicesInfoBox {
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.ServicesInfo p {
    font-family: IBM Plex Mono, serif;
    color: #FBFBDC;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    padding-bottom: 15px;
}
.ServicesInfo img {
    margin-left: 50px;
}
.ServicesInfo h2 {
    text-align: center;
    font-family: IBM Plex Mono, Serif;
    color: hsla(60,79%,92%,1.00);
    font-weight: 400;
    font-size: 1.5rem;
}
.email {
    font-size: 1.3rem;
}
#TopNav ul a:link {
    color: hsla(60,79%,92%,1.00);
}
#TopNav ul a:visited {
    color: hsla(60,79%,92%,1.00);
}
#TopNav ul a:active {
    color: hsla(353,71%,86%,1.00);
}
#TopNav ul a:visited {
    color: hsla(353,71%,86%,1.00);
}