.app{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#root{height:100%;width:100%}.header{width:100%;height:100px;padding:0 20px 0 0;position:relative;background:linear-gradient(to bottom,#4a4a4a,#b0b0b0);border-bottom:solid 3px #3d3504}.header__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:92px}.header__logo{margin:5px 0}.header__nav{display:flex;gap:40px}.header__about,.header__media{font-size:40px;color:#fff;font-family:Orbitron,sans-serif;text-decoration:none}.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:1rem;position:relative}.nav__logo{margin:5px 0;height:50px}.nav__hamburger{display:none;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer}.nav__links{display:flex;gap:40px;flex-direction:row;justify-content:space-between}.nav__link{font-size:40px;color:#fff;font-family:Orbitron,sans-serif;text-decoration:none}.nav__link{transition:transform .2s ease}.nav__link:hover{transform:translateY(-3px)}@media screen and (max-width: 1000px){.nav__hamburger{display:block;z-index:101}.nav__links{display:none;flex-direction:column;position:absolute;top:15px;right:5px;background-color:#111;width:100%;padding:1rem;gap:20px;z-index:100}.nav__links--open{display:flex;width:40%}.nav__about,.nav__media,.nav__store{font-size:28px;padding:10px}}@media screen and (max-width: 480px){.nav__logo{width:250px}.nav__link{font-size:27px}}.footer{height:93px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;background-image:url(/assets/clouds-D2kY99b0.jpg);background-repeat:no-repeat;background-size:cover;border-top:1px solid #101320;position:fixed;bottom:0;left:0;width:100%}.footer__logo{background-image:url(/assets/footer-logo-zFJvUfX9.png);width:100px;height:90px;background-size:cover;background-repeat:no-repeat}.footer__links{display:flex;gap:20px}.footer__links-mobile{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:10px}.footer__icons{width:30px;height:30px}.main{width:100%;padding:0}.main__bg-image{aspect-ratio:16 / 9;width:100%;background-size:cover;background-position:center;display:block}.landing-page{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/Web_Photo_Editor-DbCUei2s.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.landing-page__logo{background-image:url(/assets/landing-page-logo-Cwsxvr1V.png);height:200px;width:1000px;background-repeat:no-repeat;background-size:cover}.landing-page__button{--main-color: rgb(46, 213, 115);--main-bg-color: rgba(46, 213, 116, .36);--pattern-color: rgba(46, 213, 116, .073);filter:hue-rotate(0deg);cursor:pointer;text-transform:uppercase;letter-spacing:.5rem;background:radial-gradient(circle,var(--main-bg-color) 0%,rgba(0,0,0,0) 95%),linear-gradient(var(--pattern-color) 1px,transparent 1px),linear-gradient(to right,var(--pattern-color) 1px,transparent 1px);background-size:cover,15px 15px,15px 15px;background-position:center center,center center,center center;border-image:radial-gradient(circle,var(--main-color) 0%,rgba(0,0,0,0) 100%) 1;border-width:1px 0 1px 0;color:var(--main-color);padding:1rem 3rem;font-weight:700;font-size:1.5rem;transition:background-size .2s ease-in-out;position:absolute;right:40px;bottom:40px}.landing-page__button:hover{background-size:cover,10px 10px,10px 10px}.landing-page__button:active{filter:hue-rotate(250deg)}@media screen and (max-width: 1000px){.landing-page__logo{width:70%;max-width:600px;background-size:contain}.landing-page__button{width:auto;font-size:1.25rem;padding:.8rem 2rem;right:30px;bottom:30px}}@media screen and (max-width: 768px){.landing-page__logo{width:80%;max-width:500px}.landing-page__button{font-size:1.1rem;padding:.7rem 1.8rem;right:20px;bottom:20px;letter-spacing:.3rem}}@media screen and (max-width: 480px){.landing-page__logo{width:90%;max-width:350px}.landing-page__button{font-size:1rem;padding:.6rem 1.5rem;right:10px;bottom:10px;letter-spacing:.2rem}}.main__media-container{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;box-sizing:border-box}.tv-static-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:0;pointer-events:none}.media-description{font-size:60px;text-align:center;color:#000;margin-top:20px;z-index:1}.media-wrapper{width:80%;max-width:1200px;aspect-ratio:16 / 9;margin:50px auto;background:#222;display:flex;justify-content:center;align-items:center;z-index:2;border-radius:20px;box-sizing:border-box;padding:12px;box-shadow:0 0 30px #0ff3,inset 0 0 10px #111}.media-frame{position:relative;width:100%;height:100%;background:#333;border:12px solid #555;border-radius:20px;box-shadow:0 0 30px #0ff3,inset 0 0 10px #111;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.media-screen{width:85%;height:75%;background:#000;border:6px inset #000;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 12px #00ffff4d;position:relative}.media-screen iframe{width:100%;height:100%;border:none}.media-knobs{position:absolute;bottom:30px;right:30px;display:flex;gap:15px;cursor:pointer}.media-knob,.media-knob-small{background:radial-gradient(circle,#666,#222);border-radius:50%;border:3px solid #111;box-shadow:inset 0 0 5px #000;transition:box-shadow .3s ease,background-color .3s ease}.media-knob{width:60px;height:60px}.media-knob-small{width:25px;height:25px}.media-knob.on{background:radial-gradient(circle at center,#6aff6a,#2bb32b 70%);box-shadow:0 0 12px #6aff6a,inset 0 0 10px #2bb32b,0 0 20px #2bb32b;animation:flicker 1.5s infinite alternate}.media-knob-small.on{background:radial-gradient(circle at center,#6aff6a,#2bb32b 70%);box-shadow:0 0 8px #6aff6a,inset 0 0 6px #2bb32b;animation:flicker 1.5s infinite alternate}.media-screen:before{content:"";position:absolute;width:100%;height:100%;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px)}@keyframes flicker{0%{opacity:.85}to{opacity:1}}@media screen and (max-width: 1024px){.media-wrapper{width:90%;margin:30px auto}.media-description{font-size:40px}}@media screen and (max-width: 768px){.media-wrapper{width:95%;margin:20px auto;padding:8px}.media-description{font-size:30px;margin-top:15px}.media-screen{width:90%;height:70%}}@media screen and (max-width: 480px){.media-wrapper{width:100%;margin:15px auto;padding:6px;border-width:8px}.media-description{font-size:22px;margin-top:10px}.media-screen{width:95%;height:65%}.media-knob{width:40px;height:40px}.media-knob-small{width:18px;height:18px}.media-knobs{bottom:15px;right:15px}}.store{height:100vh}.ufo-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.ufo{position:absolute;top:20%;left:0;animation:fly-across 15s linear infinite}.ufo-img{width:150px;z-index:2;position:relative}.laser{position:absolute;top:60px;left:50%;transform:translate(-50%);width:10px;height:300px;background:linear-gradient(to bottom,rgba(0,255,255,.5),transparent);box-shadow:0 0 30px #00ffff80;opacity:0;animation:laser-beam 15s ease-in-out infinite;border-radius:10px}@keyframes fly-across{0%{left:-20%;top:15%}25%{top:25%}50%{left:100%;top:10%}75%{top:30%}to{left:-20%;top:20%}}@keyframes laser-beam{0%,10%,90%,to{opacity:0}45%,50%,55%{opacity:1}}.about{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:60px;position:relative;background:linear-gradient(to bottom,#b0b0b0,#4a4a4a);box-sizing:border-box;flex-grow:1}.about__title{font-size:60px;color:#2cc314;position:static;margin-bottom:30px;max-width:90%}.about__description{font-size:35px;color:#94bb91;background-color:#000000b3;border-radius:20px;width:75%;margin:0 auto;padding:10px;max-width:600px}@media screen and (max-width: 820px){.about__title{font-size:40px;margin-bottom:20px}.about__description{font-size:20px;width:90%;padding:15px}}@media screen and (max-width: 480px){.about__title{font-size:30px}.about__description{font-size:16px;padding:10px}}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-Regular-tiCwdeKa.ttf);font-weight:400}
