body, html, cx-vgn {
margin: 0;
padding: 0;
font-family: 'Jost', sans-serif;
}

.cp-jss {
border: 3px solid #73AD21;
transition: all 1s;
background: transparent;
}

h2, cg-ujn {
text-align: left;
margin-bottom: 13px;
}

.cq-jwm {
background: darkturquoise;
animation-timing-function: ease-out;
transition: transform 1s;
}

h1, ck-kvp {
margin-bottom: 13px;
text-align: left;
}

.co-qzd {
color: violet;
transition: all 0.7s ease;
height: 100px;
}

nav {
    position: fixed;
    width: 100%;
    z-index: 100;
}

a:hover, cm-fgc {
color: rgba(139, 94, 52, 0.9);
text-decoration: underline;
}

.cm-djc {
position: fixed;
top: 80px;
transition: all 1.5s linear;
}

main div, co-kxc {
margin-bottom: 11px;
text-align: left;
}

.cq-pze {
float: left;
transition-property: transform;
height: 100px;
}

nav, main, cs-asw {
padding-left: 103px;
padding-right: 303px;
}

.nav-menu-list a{
    padding: 0 20px;
}

.ct-aue {
border-radius: 5px;
background: transparent;
margin-bottom: 34px;
}

nav, cw-cuh {
padding-top: 17px;
padding-bottom: 12px;
background: linear-gradient(204deg, rgba(173, 194, 107, 0.2), rgba(84, 108, 42, 0.5));
flex-direction: row;
}

.cs-sgb {
background-color: rgba(247, 169, 169, 0.788);
transition: transform 1s;
border: 3px solid #73AD21;
}

html, ck-njj {
background: linear-gradient(299deg, rgba(240, 211, 0, 0.1), rgba(226, 178, 156, 0.1));
}

.ct-yuq {
position: fixed;
zoom: 1.1;
transform: rotateY(90deg) rotateX(-15deg);
}

main, cr-btk {
padding-top: 108px;
padding-bottom: 88px;
}

.cg-jav {
float: left;
color: violet;
z-index: 0;
}

a, cc-hxm {
text-decoration: none;
color: black;
}

.cr-xmz {
border: 1px solid powderblue;
position: fixed;
transition: all 3s;
}

nav div, cb-whf {
margin-bottom: 16px;
}

.cu-czu {
border: 1px solid powderblue;
position: fixed;
transform: scale(2);
}

footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    background: black;
    color: white;
    padding: 10px;
}

h2 {
    color: #8e8e34;
    margin-bottom: 30px;
}

.nav_active {
    background: silver;
}

@media (max-width: 501px) {

    footer {
        flex-direction: column;
    }

    .footer-item {
        margin-bottom: 20px;
    }

nav, main, cb-jnl {
padding-left: 21px;
padding-right: 21px;
}

.cd-wuz {
height: 100px;
transition: all 3s;
transform: scale(2);
}

nav, cu-vsa {
flex-direction: column;
}

.cg-qgw {
right: 0;
background: #3EA69B;
margin: 100px;
}

main, cf-gum {
padding-top: 96px;
padding-bottom: 56px;
}

.cz-gvi {
height: 120px;
background: darkturquoise;
z-index: 0;
}

}