:root{--dark-background: #121212;--dark-background-two: rgb(8, 8, 8);--accent: #CDFF59 ;--accent-two: #800080;--accent-three: #1D061A;--text: #d4ffd4 ;--main-font: "Calibre","Inter","San Francisco","SF Pro Text",system-ui,sans-serif;--second-font: "SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{transition:color .5s linear}.navbar:hover{color:var(--accent)}@media screen and (max-width: 240px){.nav-number{font-size:7px!important}.nav-point{font-size:20px!important}.navbar{font-size:8px!important}}@media screen and (min-width: 241px) and (max-width: 320px){.nav-number{font-size:10px!important}.nav-point{font-size:30px!important}.navbar{font-size:15px!important}}.no-wrap-text{white-space:nowrap}.interactive-text{margin:0;padding:0;transition:color .5s linear}.interactive-text:hover{cursor:pointer;color:var(--accent)}.statueDiv{cursor:pointer;animation:borderTransition 4s linear infinite;border-color:var(--dark-background)}.statueDiv:hover{animation:backgroundTransition 4s linear infinite}.scrollerDiv{position:relative;width:100%}.scroll-downs{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:34px;height:55px}.mousey{width:3px;padding:10px 15px;height:35px;border:2px solid red;border-radius:25px;opacity:.75;box-sizing:content-box;animation:mouseColor 6s linear infinite}.scroller{width:3px;height:10px;border-radius:25%;background-color:var(--text);animation:scroll 6s cubic-bezier(.15,.41,.69,.94) infinite,borderTransitionScroller 3s linear infinite}.heroBtn{transition:box-shadow .5s linear!important}.heroBtn:hover{transition:box-shadow .5s linear;background-color:transparent!important;box-shadow:0 0 15px var(--accent)}@keyframes mouseColor{0%{border-color:var(--text)}to{border-color:var(--accent)}}@keyframes scroll{0%{transform:translateY(0)}33.33%{transform:translateY(0)}66.66%{transform:translateY(30px)}to{transform:translateY(30px)}}@keyframes backgroundTransition{0%{background-color:var(--text)}25%{background-color:var(--accent)}50%{background-color:var(--accent-two)}75%{background-color:var(--accent)}to{background-color:var(--text)}}@keyframes borderTransitionScroller{0%{background-color:var(--text)}25%{background-color:var(--accent)}50%{background-color:var(--accent-two)}75%{background-color:var(--accent)}to{background-color:var(--text)}}@media screen and (max-width: 850px){.scroll-downs{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;margin-top:2rem!important;width:34px;height:55px}}@media screen and (min-width: 1920px){.statueDiv{margin-left:5rem!important}}@media screen and (min-width: 2560px){.statueDiv{margin-left:30rem!important}}@media screen and (min-width: 3840px){.statueDiv{margin-left:55rem!important}}@media screen and (min-width: 241px) and (max-width: 320px){.departure-board-animation{font-size:12px!important}.no-wrap-text{font-size:20px!important}.planet{margin-top:.2rem!important}}@media screen and (max-width: 240px){.departure-board-animation{font-size:7px!important}.no-wrap-text{font-size:13px!important}.lastParaHero{font-size:10px!important}.heroBtn{padding:1px!important;width:20px!important;height:30px!important;font-size:6px!important}.statueDiv img{width:60px!important;height:200px!important}.planet{margin-top:.2rem!important}}.css-16ac5r2-MuiButtonBase-root-MuiListItemButton-root.Mui-selected{background-color:var(--dark-background)!important}.mainPara.pulse{animation:pulseAnimation 4s infinite}.secondBoxContainer{display:flex;justify-content:center;align-items:center;width:90%;height:100%;padding:0 2rem;position:relative}.image{width:50%;height:50%;transform:rotateX(-15deg) rotateY(35deg);cursor:pointer;transition:transform .3s ease-in-out}.overlay{position:absolute;top:10;left:10;width:60%;height:60%;transition:transform .3s ease-in-out;transform:rotateX(-15deg) rotateY(35deg);border:2px solid var(--accent);background-color:var(--dark-background-two)}.overlay:hover{transition:transform .3s ease-in-out;animation:moveLeft 4s forwards;animation-play-state:running}.overlay:hover .mainPara{animation-play-state:paused}.secondBoxContainer:hover .image,.secondBoxContainer:hover .overlay{transform:rotateX(-20deg) rotateY(40deg);left:10;cursor:pointer}.parallaxBtn{transition:box-shadow .5s linear!important}.parallaxBtn:hover{transition:box-shadow .5s linear;background-color:transparent!important;box-shadow:0 0 15px var(--accent)}@keyframes moveLeft{0%{left:20%;top:19.6%;border-color:var(--accent)}25%{border-color:var(--text)}50%{left:5%;top:19.6%;border-color:var(--accent-two)}75%{border-color:var(--text)}to{left:20%;top:19.6%;border-color:var(--accent)}}@keyframes pulseAnimation{0%{filter:brightness(1);transform:scale(1);opacity:1}50%{color:var(--accent-two);transform:scale(1.01);opacity:0}to{filter:brightness(1);transform:scale(1);opacity:1}}@keyframes borderAnimation{0%{border-color:var(--accent)}50%{border-color:var(--accent)}60%{border-color:var(--accent-two)}to{border-color:var(--accent)}}@keyframes colorSkill{0%{color:var(--accent)}50%{color:var(--accent)}60%{color:var(--accent-two)}to{color:var(--accent)}}@media screen and (max-width: 240px){.mainPara{font-size:5px!important;margin-left:-2rem!important}.header-text{font-size:25px!important}.second-list{margin-top:-4rem!important}.second-list-text{font-size:10px!important}}@media screen and (min-width: 241px) and (max-width: 320px){.mainPara{font-size:7px!important;margin-left:-1rem!important}.second-list-text{font-size:13px!important}}@media screen and (min-width: 241px) and (max-width: 413px){.second-list{margin-top:-8rem!important}}@media screen and (max-width: 1024px) and (min-width: 1000px) and (max-height: 800px) and (min-height: 780px){.overlay{width:50%;height:50%}.image{width:40%;height:40%}.secondBoxContainer{margin-top:-4rem}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.control-dots li{background-color:var(--accent)!important}.css-xdmu94-MuiContainer-root{height:100%!important;width:100%}.MuiCard-root.carousel-card{margin:0!important}@keyframes shadowPulse{0%{box-shadow:0 0 15px var(--accent)}50%{box-shadow:0 0 30px var(--accent)}to{box-shadow:0 0 15px var(--accent)}}.card-buttons:hover{animation:shadowPulse 2s infinite;transition:box-shadow .5s linear}.control-arrow.control-next:hover,.control-arrow.control-prev:hover{box-shadow:none!important;background-color:transparent!important}.carousel .control-next.control-arrow:before{border-left:8px solid var(--accent-two)!important}.carousel .control-prev.control-arrow:before{border-right:8px solid var(--accent-two)!important}@keyframes moveAnimation{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}.move-button-animation{animation:moveAnimation 1s infinite}.icon-g{transition:transform .5s!important}.icon-g:hover{transform:rotate(360deg)!important}.icon-l{transition:transform .5s!important}.icon-l:hover{transform:scale(1.2)!important}.typo:hover{animation:colorTransition 4s infinite;cursor:pointer}@keyframes borderTransition{0%{border-color:var(--text)}25%{border-color:var(--accent)}50%{border-color:var(--accent-two)}75%{border-color:var(--accent)}to{border-color:var(--text)}}@keyframes colorTransition{0%{color:var(--text)}25%{color:var(--accent)}50%{color:var(--accent-two)}75%{color:var(--accent)}to{color:var(--text)}}@keyframes rotateAll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 240px){.typo{font-size:5px!important}}html,body{margin:0;padding:0;background-color:var(--dark-background);color:var(--text)}
