@font-face{font-family:'8bit';src:url(../fonts/8_bit_arcade/8-bit_Arcade_In.ttf);}
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

*{margin:0;padding:0;box-sizing:border-box;font-family:'Open Sans', sans-serif;}
img,video,iframe,i{display:block;}

.section{position:relative;}
.content{width:100%;max-width:1300px;margin:auto;position:relative;}

.navbar{position:absolute;top:0;left:0;width:100%;z-index:9;}
.navbar .content{padding-top:1rem;padding-bottom:1rem;display:flex;align-items:center;justify-content:flex-end;}
.navbar__el{text-decoration:none;color:#fff;margin-right:1rem;border-right:1px solid #fff;padding-right:1rem;}
.navbar__el:last-child{margin-right:0;border-right:0;padding-right:0;}

.footer{background-color:#1c0442;}
.footer .content{display:flex;justify-content:center;align-items:center;padding-top:1rem;padding-bottom:1rem;}
.footer_logo{margin-right:1rem;}
.footer_logo img{width:10rem;height:auto;}
.footer_des{color:#fff;font-size:1.2rem;}

@media (max-width: 599px){
    .content{padding:3rem 1rem;}
    .navbar__el{margin-right:1rem;padding-right:1rem;font-size:.9rem;}
    .footer .content{flex-direction:column;}
    .footer_logo{margin-right:0;margin-bottom:1rem;}
    .footer_logo img{width:8rem;}
}

@media (max-width:899px) and (min-width: 600px){
    .content{padding:3rem 2rem;}
    .navbar__el{margin-right:2rem;padding-right:2rem;font-size:1.2rem;}
}

@media (max-width:1199px) and (min-width: 900px){
    .content{padding:3rem;}
    .navbar__el{margin-right:2rem;padding-right:2rem;font-size:1.2rem;}
}

@media (max-width:1399px) and (min-width: 1200px){
    .content{padding:2rem 4rem;}
    .navbar__el{margin-right:2rem;padding-right:2rem;font-size:1.3rem;}
}

@media (min-width:1400px){
    .content{padding:2rem 3rem;}
    .navbar__el{margin-right:2rem;padding-right:2rem;font-size:1.3rem;}
}