@import url(https://fonts.googleapis.com/css2?family=Alumni+Sans+Inline+One&family=Audiowide&family=Bungee+Inline&family=Exo:wght@400;500;700;800&family=Gugi&family=Orbitron:wght@400;500;700;800&family=Oswald:wght@200;400;500;600;700&family=Quantico:wght@400;700&family=Rampart+One&family=Righteous&family=Space+Mono:wght@400;700&family=Syne:wght@400;500;700&display=swap);@-webkit-keyframes bg-space-move{0%{background-position:720px 360px}}@keyframes bg-space-move{0%{background-position:720px 360px}}@-webkit-keyframes bg-planet-move{0%{background-position:0 0}to{background-position:200% 0}}@keyframes bg-planet-move{0%{background-position:0 0}to{background-position:200% 0}}@-webkit-keyframes show-screen{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes show-screen{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.wrapper{margin:auto;max-width:max(90rem,75%);padding:2%;width:100%}@media screen and (min-width:0px) and (max-width:360px){.wrapper{padding:4%}}@media screen and (min-width:361px) and (max-width:768px){.wrapper{padding:4%}}@media screen and (min-width:769px) and (max-width:1024px){.wrapper{padding:3%}}@media screen and (min-width:1025px) and (max-width:1920px){.wrapper{padding:2%}}.row{display:flex;flex-direction:row}.row--center{align-items:center}.row--center,.row--center--x,.row--center--y{justify-content:center}*{box-sizing:inherit;font-family:inherit;font-size:inherit;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{box-sizing:border-box;cursor:url(https://i.imgur.com/6wmyrkK.gif),auto;font-family:sans-serif;font-size:1.6rem}html{font-size:62.5%}#root{position:relative}#root,#root:before{height:100vh;width:100%}#root:before{-webkit-animation:bg-space-move 50s linear infinite;animation:bg-space-move 50s linear infinite;background-image:url(https://t4.ftcdn.net/jpg/04/93/69/75/360_F_493697539_Tn5BdOqahVEmjBxozRK5AqHrgw52D7sj.jpg);background-repeat:repeat;content:" ";left:0;position:absolute;top:0;z-index:-10}ol,ul{list-style:none}a{text-decoration:none}.planet{background-position:0 0;box-shadow:inset 20px 0 40px 10px rgba(41,6,70,.7),inset 5px 0 15px 5px rgba(41,6,70,.7),-10px 0 20px rgba(41,6,70,.8);-webkit-perspective:3000px;perspective:3000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.planet,.planet__moon{align-items:center;aspect-ratio:1;background-repeat:repeat;background-size:cover;border-radius:500rem;display:flex;justify-content:center}.planet__moon{background-image:url(https://svs.gsfc.nasa.gov/vis/a000000/a004700/a004720/lroc_color_poles_1k.jpg);box-shadow:inset 6px 0 12px 3px rgba(41,6,70,.7),inset 1.5px 0 4.5px 1.5px rgba(41,6,70,.7),-3px 0 6px rgba(41,6,70,.8);cursor:pointer;position:absolute;width:20%}.planet__moon:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.planet__moon--1{animation:moon-move--1 20s ease-in-out infinite,bg-planet-move 20s linear infinite reverse;right:-35%;top:40%}.planet__moon--2{animation:moon-move--2 20s ease-in-out infinite,bg-planet-move 20s linear infinite reverse;right:-20%;top:-20%}.planet__moon--3{animation:moon-move--3 20s ease-in-out infinite,bg-planet-move 20s linear infinite reverse;right:40%;top:-35%}.planet__moon--4{animation:moon-move--4 20s ease-in-out infinite,bg-planet-move 20s linear infinite reverse;left:-20%;top:-20%}.planet--venus{-webkit-animation:bg-planet-move 20s linear infinite;animation:bg-planet-move 20s linear infinite}.planet--mars{-webkit-animation:bg-planet-move 30s linear infinite;animation:bg-planet-move 30s linear infinite}@-webkit-keyframes moon-move--1{0%{right:-35%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{right:115%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{right:115%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{right:-35%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}@keyframes moon-move--1{0%{right:-35%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{right:115%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{right:115%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{right:-35%;top:40%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}@-webkit-keyframes moon-move--2{0%{right:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{right:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{right:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{right:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}@keyframes moon-move--2{0%{right:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{right:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{right:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{right:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}@-webkit-keyframes moon-move--3{0%{right:40%;top:-35%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{right:40%;top:115%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{right:40%;top:115%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{right:40%;top:-35%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}@keyframes moon-move--3{0%{right:40%;top:-35%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{right:40%;top:115%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{right:40%;top:115%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{right:40%;top:-35%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}@-webkit-keyframes moon-move--4{0%{left:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{left:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{left:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{left:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}@keyframes moon-move--4{0%{left:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}25%{-webkit-transform:perspective(3000px) translateZ(40rem);transform:perspective(3000px) translateZ(40rem)}50%{left:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}51%{left:100%;top:100%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}75%{-webkit-transform:perspective(3000px) translateZ(-40rem);transform:perspective(3000px) translateZ(-40rem)}to{left:-20%;top:-20%;-webkit-transform:perspective(3000px) translateZ(0);transform:perspective(3000px) translateZ(0)}}.asteroid{-webkit-animation:asteroid 5s steps(32) infinite;animation:asteroid 5s steps(32) infinite;aspect-ratio:1;background-position:0;background-size:cover;position:absolute;right:0;top:0;width:98.56px}@-webkit-keyframes asteroid{0%{background-position:3125px}}@keyframes asteroid{0%{background-position:3125px}}.hologram__screen{align-items:center;-webkit-animation:show-screen .3s linear;animation:show-screen .3s linear;display:flex;flex-direction:column;left:50%;outline:6px solid rgba(153,231,255,.7);outline-offset:-1.5rem;outline-style:double;overflow-y:scroll;padding:2.5rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.hologram__screen::-webkit-scrollbar{display:none}.hologram__btn-hide{aspect-ratio:1;background-color:rgba(0,195,255,.9);border:none;border-radius:2rem;color:#fff;max-width:4rem;position:absolute;right:0;top:0;width:10%}.hologram__btn{border:none;border-radius:3px;cursor:pointer;margin:1rem;padding:1rem 2rem;text-transform:capitalize}.hologram__btn--focus{background-color:hsla(0,0%,100%,.7);color:rgba(0,39,51,.7)}.hologram__btn--dull{border:2px solid hsla(0,0%,100%,.7);color:hsla(0,0%,100%,.7)}.hologram__text{color:#fff;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;letter-spacing:.5px;line-height:2rem;margin:.5rem;text-align:justify;width:90%}.hologram__textbox{-webkit-animation:textbox-visible .5s ease-in-out;animation:textbox-visible .5s ease-in-out;background-color:initial;border:2px solid transparent;border-radius:.5rem;box-shadow:inset 1px 1px 3px #6767ff,inset -1px -1px 3px #0040ca;color:aqua;margin:.5rem 0 1.5rem;outline:transparent;padding:1rem 1.5rem;transition:.2s linear;width:90%}.hologram__textbox::-webkit-input-placeholder{color:aqua;opacity:.5;text-transform:capitalize}.hologram__textbox::placeholder{color:aqua;opacity:.5;text-transform:capitalize}.hologram__textbox:focus,.hologram__textbox:hover{box-shadow:inset -1px -1px 3px #55f,inset 1px 1px 3px #00008a}.hologram__textbox:focus{outline:2px solid #e4e4ff;outline-offset:1px}.hologram__textbox:not(:placeholder-shown){box-shadow:inset -1px -1px 3px #55f,inset 1px 1px 3px #00008a}@-webkit-keyframes textbox-visible{0%{opacity:0;width:0}to{opacity:1;width:90%}}@keyframes textbox-visible{0%{opacity:0;width:0}to{opacity:1;width:90%}}.ui__bg{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-image:conic-gradient(var(--color-light-10) 30deg,var(--color) 30deg 60deg,var(--color-dark-10) 60deg 120deg,var(--color-dark-20) 120deg 150deg,var(--color-dark-10) 150deg 210deg,var(--color) 210deg 240deg,var(--color-light-10) 240deg 300deg,var(--color-light-20) 300deg 330deg,var(--color-light-10) 330deg 1turn);display:flex;justify-content:center;position:relative;z-index:-2}.ui__bg,.ui__bg:before{border-radius:25%;box-shadow:inset 2px 2px 5px hsla(0,0%,100%,.15),inset -2px -2px 5px rgba(0,0,0,.3)}.ui__bg:before{aspect-ratio:1;background-color:var(--color);content:" ";left:50%;position:absolute;top:50%;translate:-50% -50%;width:75%;z-index:-1}.ui__bg--blue{--color:#006fff;--color-light-10:#338bff;--color-light-20:#66a8ff;--color-dark-10:#0058cc;--color-dark-20:#004299}.ui__bg--yellow{--color:#ffae00;--color-light-10:#ffbe33;--color-light-20:#ffcf66;--color-dark-10:#cc8b00;--color-dark-20:#996900}.ui__btn{border:.2rem solid;border-radius:20%;outline:transparent;padding:1rem 2rem;position:relative;text-transform:uppercase}.ui__btn:before{background-image:linear-gradient(180deg,hsla(0,0%,100%,.2),transparent);border-radius:inherit;content:" ";height:80%;left:10%;position:absolute;top:0;width:80%;z-index:-1}.ui__btn--blue{background-image:linear-gradient(0deg,#003cff,#09f);border-color:#3575ff;color:#aad1ff}.game-selector,.level-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.level-selector{height:70%;max-width:70rem;width:100%}.card{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem 1.5rem;width:100%}.card__image{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:80%}.glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:3px;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.2)}.glass--white{background-image:linear-gradient(to bottom right,hsla(0,0%,100%,.2),hsla(0,0%,100%,.05))}.glass--blue,.glass--white{border:2px solid;border-image:linear-gradient(to bottom right,#021b5e,transparent,#3e0450) 10%}.glass--blue{background-image:linear-gradient(to bottom right,rgba(96,197,255,.4),rgba(96,197,255,.2))}.glass__screen{border-radius:1rem;height:90vh;left:50%;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.glass__btn{padding:1rem 2rem}.quiz{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}.quiz__question{color:#caf4ff;letter-spacing:.5px;line-height:2.5rem;margin:3rem 1rem;padding:1rem;text-align:center;word-spacing:2px}.quiz__options{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:auto;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content;width:75%}.quiz__option{background-color:hsla(0,0%,100%,0);border:none;border:3px solid hsla(0,0%,100%,0);border-radius:1rem;color:#fff;cursor:pointer;min-width:50%;padding:1.5rem 2rem;transition:.1s ease-in-out;width:75%}.quiz__option:hover{background-color:hsla(0,0%,100%,.15)}.quiz__option--selected{background-color:rgba(255,217,0,.15)!important;border:3px solid #ffd900}.quiz__option--correct{background-color:rgba(51,255,0,.15)!important;border:3px solid #3f0}.quiz__option--incorrect{background-color:rgba(255,0,0,.15)!important;border:3px solid red}.profile{display:flex;justify-content:space-between;padding:1rem;width:100%}.profile__side{align-items:center;display:flex;max-width:30rem;width:45%}.profile__icon{aspect-ratio:1;color:#bcffff;font-family:Gugi,cursive;font-size:2rem;width:20%}.profile__text{align-items:center;display:flex;font-size:2rem;height:60%;justify-content:center;max-height:4rem;width:80%}.profile__text--level{background-image:linear-gradient(180deg,#5877ff,#273986);border-radius:0 50rem 50rem 0}.profile__text--gold{background-image:linear-gradient(180deg,#ffcc42,#d37000);border-radius:50rem 0 0 50rem}.btn{cursor:pointer;font-family:Righteous,cursive;outline:transparent;text-transform:capitalize;transition:.3s linear}.btn--space{background-blend-mode:overlay;background-color:#707070;background-image:linear-gradient(217deg,rgba(128,30,132,.8),rgba(169,40,174,0) 70.71%),linear-gradient(127deg,rgba(8,11,193,.8),rgba(0,255,0,0) 100.71%),linear-gradient(336deg,rgba(255,0,64,.7),rgba(0,0,255,0) 85.71%);border:3px solid #a200ff;border-radius:50rem;color:#ccc;font-size:2rem;letter-spacing:2px;padding:1.5rem 3.5rem}.btn--3d:hover{box-shadow:inset 2px 2px 5px hsla(0,0%,100%,.466),inset -2px -2px 5px rgba(0,0,0,.9)}.btn--3d:active{box-shadow:inset 2px 2px 5px rgba(0,0,0,.9),inset -2px -2px 5px hsla(0,0%,100%,.9)}.home{height:100vh;position:relative;width:100%}.home__planet{position:absolute}.home__planet--main{left:50%;max-width:30rem;top:50%;width:50%}.home__planet--main,.home__planet--top-left{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home__planet--top-left{left:10%;max-width:10rem;top:10%;width:20%}.home__screen{align-items:center;display:flex;flex-direction:column;height:95vh;left:50%;max-width:60rem;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%}.dashboard{height:100vh;position:relative;width:100%}.dashboard__btn--star,.dashboard__screen{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dashboard__screen{align-items:center;display:flex;flex-direction:column;height:80%;width:90%}.dashboard__card{height:100%;width:100%}.dashboard__profile{position:absolute}.dashboard__profile--left{left:1rem;top:1rem}.dashboard__profile--right{right:1rem;top:1rem}.dashboard__main{align-items:center;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-evenly;left:50%;max-width:40rem;position:absolute;top:50%;translate:-50% -50%;width:90%}.dashboard__logo,.popup{width:100%}.popup{background-color:hsla(0,0%,5%,.7);height:100vh;left:0;position:absolute;top:0}.popup__screen{-webkit-animation:show-screen .3s linear;animation:show-screen .3s linear;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,195,255,.25);border:10px solid #33cfff;border-radius:10%/100%;box-shadow:inset 0 0 6px #33cfff,inset 0 0 15px #33cfff,0 0 15px #33cfff,0 0 30px #33cfff,0 0 40px #33cfff;height:90%;left:50%;max-width:60rem;outline:5px solid;outline-color:#33cfff;outline-offset:1rem;padding:2rem 4rem;position:absolute;top:50%;translate:-50% -50%;width:90%}.popup__close-btn{align-items:center;aspect-ratio:1;background-color:#00c3ff;border:none;border-radius:1rem;border-top-right-radius:0;cursor:pointer;display:flex;justify-content:center;max-width:4rem;outline:transparent;position:absolute;right:0;top:0;width:7%}.popup__child{align-items:center;display:flex;flex-direction:column;height:100%;overflow-y:scroll;padding:1rem;position:relative;width:100%}.popup__child::-webkit-scrollbar{width:.4rem}.popup__child::-webkit-scrollbar-thumb{background-color:teal;border-radius:50rem}.popup__text{color:#66dbff;font-family:Space Mono,monospace;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;letter-spacing:.5px;line-height:2rem;line-height:2.2rem;margin:.5rem;text-align:justify;text-shadow:0 0 3px #99e7ff,0 0 10px #99e7ff;width:95%}.popup__textbox{background-color:initial;border:2px solid;border-image:linear-gradient(to right bottom,#009ccc,transparent,#009ccc) 1%;border-radius:.5rem;color:#00c3ff;margin:.5rem 0 1rem;outline:transparent;padding:1rem 1.5rem;transition:.3s linear;width:90%}.popup__textbox::-webkit-input-placeholder{color:#00c3ff;opacity:.3;text-transform:capitalize;-webkit-transition:.15s linear;transition:.15s linear}.popup__textbox::placeholder{color:#00c3ff;opacity:.3;text-transform:capitalize;transition:.15s linear}.popup__textbox:hover::-webkit-input-placeholder{opacity:.7}.popup__textbox:hover::placeholder{opacity:.7}.popup__textbox:focus{border-image:linear-gradient(to bottom left,#009ccc,transparent,#009ccc) 1%}.selector{display:flex;flex-direction:column}.selector__heading{font-size:2rem;margin-bottom:1.5rem;text-align:left;width:90%}.selector__option-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);width:100%}.selector__option{align-items:center;border:2px solid aqua;border-radius:1rem;display:flex;flex-direction:column;padding:1rem;width:100%}.selector__option__image{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:1rem 0;width:70%}.selector__option__heading{margin-bottom:1.5rem;text-align:center;text-transform:capitalize;width:100%}.selector__option__text{font-size:1.4rem;margin-bottom:.5rem;text-align:justify;width:100%}.selector__hr{background-color:aqua;border:none;height:1px;margin:2rem 0;width:100%}.logo{align-items:center;color:transparent;display:flex;flex-direction:column;font-family:Bungee Inline,cursive;font-family:Rampart One,cursive;font-size:7rem;line-height:8rem;text-shadow:0 0 10px #0084ff,0 0 25px #0084ff,0 0 50px #0084ff;text-transform:uppercase}.logo__part{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to bottom right,#ff3f3f,#ffa3a3)}
/*# sourceMappingURL=main.a035321f.css.map*/