/* #FFEBE7	#090C08	#86CB92	#AD5D4E */


nav {
    background-color: #FFEBE7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 0 100px 0 0;
    border: #AD5D4E solid 3px;
    box-shadow: 3px 2px rgba(0, 0, 0, 0.792);
}

.button {
    background-color: black;
    padding: 16px 50px;
    /* border: solid white 2px; */
    border-radius: 30% / 100%; /* turns out we can affect different corners */
    text-decoration: none;
    color: #FFEBE7;
    transition: background-color 0.2s ease-in; /* transitions any changes to background color*/
}
.button:visited { color:#FFEBE7 }
.button:hover { background-color:#AD5D4E; }

.logo {
    margin-right: auto;
    padding: 5px 25px;

}

body {
    background-color:#FFEBE7;
    margin: 0;
    padding: 0;
}

.imgs {
    display: flex;
    justify-content: center;
    align-items: center;
}

#main_img {
    width: 75%;
    height: 75%;
    margin: 50px 0px 50px 0px;
    border: black 4px solid;
    border-radius: 5%;
}



.bar {
    justify-self: center;
    background-color: #AD5D4E;
    padding: 2px 10px;
    width: 95%;
}


#middle_body {
    background-color: #86cb91;
    width: 100%;
    height: 200%;
    padding: 50px 0px;
    margin: 50px 0px;
    display: flex;
}

.sec_img {
    width: 100%;
    height: 100%;
    border-radius: 5%;
    object-fit: fill;
    
}

.imgbox {
    width: 500px;
    height: 325px;
    margin: 0px 20px;
}

footer {
    color: #FFEBE7;
    background-color: black;
    width: 100%;
    height: 200px;
    margin: 50px 0px 0px 0px;
    padding: 0px;
    padding-top: 10px;
    display: grid;
    grid-template-columns: 1fr 3fr;
}


footer p {
  margin: 5px 0;
}



header {
    margin: 10px;
}

.content-section{
    display: grid;
    grid-template-columns: 30px 5fr 3fr 30px;
    margin-left: 15px;
    padding-right: 60px;
    gap: 40px;
    
}

.pagepic {
    grid-column: 2/3;
    margin-top: 30px;
    margin-bottom: 30px;
}

.pagepic img {
    width: 100%;
}

.steps {
    width: 100%;
    grid-column: 3/4;
}

#footer1 {
    align-self: center;
    margin: 0 auto;
}

#footer2 {
    align-self: center;
}