:root{--brand-yellow:#ffcc00;--brand-blue:#092F92}*{scrollbar-width:none;scrollbar-color:#06236e}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#06236e}*::-webkit-scrollbar-thumb{background-color:var(--brand-blue);border-radius:2px;border:0 solid transparent}body{padding:0;margin:0;background-color:var(--brand-yellow);background-color:var(--brand-blue);font:1.5em 14px Arial,Tahoma;font-family:"Raleway"}header .logo{margin:auto;position:relative;max-width:300px;filter:drop-shadow(0 0 50px #ffcc0007)}header .logo a img{width:100%}header .logo .logo-sub{position:absolute;right:0;bottom:0;width:100%;top:55%;border-radius:0 0 50% 50%;overflow:hidden;display:block;height:0;aspect-ratio:1 / 1;transition:all 3s ease}header .logo .logo-sub.aos-animate{border-radius:0;display:block;aspect-ratio:1 / 1.1;height:100%}header .logo .logo-sub img{width:100%}header .logo .text{color:white;position:absolute;left:100%;letter-spacing:4px;font-size:2.2em;line-height:1;bottom:0;font-weight:900;font-family:'Roboto';padding-left:10px}@media only screen and (max-width:1500px){header .logo{width:250px}header .logo .text{font-size:1.5em}}.hide{display:none !important}main:not(.page-404){background-color:#100F15;width:82%;margin:100px auto 100px;box-shadow:0 0 150px rgba(0,0,0,0.65);position:relative;max-width:1600px;overflow:hidden}main:not(.page-404)::before{content:"";display:block;position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;background:repeating-linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.02) 1px, transparent 1px, transparent 20%) scroll center}main.page-404{display:flex;justify-content:center;align-items:center;height:100vh}main.page-404 .content{width:400px;text-align:center;color:#FFF;font-size:1.4em}main.page-404 h1{font-family:'Roboto';color:inherit}main.page-404 a{background-color:var(--brand-yellow);color:#222;padding:20px 5px;display:block;text-decoration:none;font-size:16px}.first-screen{height:calc(100vh - 100px);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;z-index:2}.first-screen .badge{background-color:#C3C3C3;color:#100F15;font-size:10px;position:absolute;top:36px;left:auto;right:auto;margin:auto;padding:5px 10px;font-weight:900;text-transform:uppercase;letter-spacing:2px;font-family:"Roboto"}.second-screen{position:relative;z-index:2;display:grid;grid-template-rows:1fr 1fr}.second-screen .about{text-align:center;color:#EEE;letter-spacing:1px;line-height:1.7;max-width:840px;width:80%;margin:auto}.second-screen .about h2{margin:0 0 15px}.second-screen .social-box{text-align:center;list-style:none;margin:0;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;height:300px;padding:0;gap:210px}.second-screen .social-box li img{transition:all .3s ease}.second-screen .social-box li a{text-decoration:none}.second-screen .social-box li span{display:block;color:var(--brand-yellow);font-weight:bold;margin-top:30px}.second-screen .social-box li:hover img{transform:translate(0, -10px)}@media only screen and (max-width:1064px){header .logo{width:120px;font-size:1.2em}main{margin-top:15px !important;margin-bottom:15px !important;width:96% !important}.first-screen{height:30vh}.first-screen .badge{display:none}.second-screen{display:block;height:auto}.second-screen .about{font-size:14px;width:100%;padding:0 20px;box-sizing:border-box}.second-screen .social-box{gap:50px;height:auto;padding:50px 0}.second-screen .social-box .item img{width:36px}.second-screen .social-box .item span{display:none}}@media only screen and (max-width:600px){header .logo{width:60px;font-size:10px}}