@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{transform:scale(1.62) rotate(0)}50%{transform:scale(3.5) rotate(720deg)}to{transform:scale(1.62) rotate(-180deg)}}.caption{display:flex;position:absolute;bottom:0;margin-bottom:2rem;justify-content:center;width:100%;gap:2rem;color:#fff}.caption p{width:125px;text-align:center}.btn-group{display:flex;position:absolute;top:0;justify-content:flex-start;width:100%;gap:.5rem;fill:#fff}.caption button,.btn-group button,.btn-group a{background-color:transparent;color:#fff;border:none;cursor:pointer;transition:color .1s ease;fill:#fff}.caption button:hover,.btn-group button:hover,.btn-group a:hover{fill:#dcdcdc}#btn-github{display:inline-block}.label{color:#fff;font-weight:200;font-size:.8rem;width:70px;text-align:center;pointer-events:none;display:flex;justify-content:center;align-items:center;gap:6px}.label img{width:15px;height:15px}#loading{position:fixed;display:flex;width:100%;height:100%;color:#fff;justify-content:center;align-items:center;top:0;left:0;background-color:#000;z-index:10}#welcome h1{opacity:0;animation:fadeIn 2s ease-in-out .5s 1 forwards}#welcome p #createdBy{opacity:0;font-weight:100;animation:fadeIn 2s ease-in-out 1.25s 1 forwards}#welcome p #name{opacity:0;animation:fadeIn 2s ease-in-out 2s 1 forwards}#loader{margin-top:4rem;display:flex;justify-content:center}#loader #loader-circle{width:75px;height:75px;border:0;opacity:0;animation:fadeIn 2s ease-in-out 2.75s 1 forwards}#loader #loader-circle svg{transform:scale(3.5);animation:loading 2s ease-in-out 4.75s infinite}#loader-progress{display:flex;justify-content:space-between;margin-top:1rem;font-weight:100;font-size:.8rem}#loader-progress div{opacity:0;animation:fadeIn 2s ease-in-out 3.5s 1 forwards}.sky-container{width:100%;height:100%;transform:rotate(45deg)}.star{position:absolute;top:0;left:0;height:2px;background:linear-gradient(-45deg,#5f91ff,#00f0);filter:drop-shadow(0 0 6px #699bff);animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite}.star:before,.star:after{position:absolute;content:"";top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,#00f0,#5f91ff,#00f0);border-radius:100%;transform:translate(50%) rotate(45deg);animation:shining 3s ease-in-out infinite}.star:after{transform:translate(50%) rotate(-45deg)}.star:nth-child(1){top:calc(50% - 200px);left:calc(50% - 300px);animation-delay:.65s}.star:nth-child(1):before,.star:nth-child(1):after{animation-delay:.65s}.star:nth-child(2){top:calc(50% - 50px);left:calc(50% - 190px);animation-delay:.15s}.star:nth-child(2):before,.star:nth-child(2):after{animation-delay:.15s}.star:nth-child(3){top:calc(50% + 90px);left:calc(50% - 500px);animation-delay:1.6s}.star:nth-child(3):before,.star:nth-child(3):after{animation-delay:1.6s}.star:nth-child(4){top:calc(50% + 200px);left:calc(50% - 230px);animation-delay:4.7s}.star:nth-child(4):before,.star:nth-child(4):after{animation-delay:4.7s}.star:nth-child(5){top:calc(50% - 490px);left:calc(50% - 50px);animation-delay:2.1s}.star:nth-child(5):before,.star:nth-child(5):after{animation-delay:2.1s}.star:nth-child(6){top:calc(50% + 500px);left:calc(50% - 450px);animation-delay:3.5s}.star:nth-child(6):before,.star:nth-child(6):after{animation-delay:3.5s}.star:nth-child(7){top:calc(50% + 200px);left:calc(50% + 300px);animation-delay:3s}.star:nth-child(7):before,.star:nth-child(7):after{animation-delay:3s}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}@keyframes shooting{0%{transform:translate(0)}to{transform:translate(1000px)}}#a{width:20px}input{color:#fff}*{margin:0;padding:0}html,body{overflow:hidden;font-family:Trispace,sans-serif}.webgl{position:fixed;top:0;left:0;outline:none}canvas{display:block}.data-planet{text-decoration:none;margin-bottom:5px;color:#fff}.popup{background-color:#fff;border:1px solid #ccc;padding:10px;z-index:999;width:11%}.popup2{display:none;position:absolute;margin-top:180px;background-color:none;box-shadow:0 0 10px #0000004d;padding:10px;z-index:1000;margin-left:280px}.modal3{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;align-items:center;justify-content:center}.modal-content2{text-align:left;background:#ffffff1a;padding:20px;border-radius:10px;color:#fff;max-width:600px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;align-items:center;justify-content:center}.close{color:#aaa;float:right;font-size:28px;font-weight:700;top:0}.close:hover,.close:focus{color:#000;text-decoration:none}.modal4,.modal10,.modal5,.modal6{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;align-items:center;justify-content:center}.modal9{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;align-items:center;justify-content:center;flex-direction:column}.modal8,.tudas{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;align-items:center;justify-content:center}.modal-content,.tudas-content{text-align:left;background:#ffffff1a;padding:20px;border-radius:10px;color:#fff;max-width:600px}::-webkit-scrollbar{display:none}.modal-content4,.modal-content3,.modal-content6,.modal-content7,.modal-content8,.modal-content9,.modal-content10{text-align:left;background:#ffffff1a;padding:20px;border-radius:10px;color:#fff;max-width:600px}.check-group{background:#fff;max-width:13rem;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0003;counter-reset:total;counter-reset:checked}.check-group>*+*{margin-top:.75rem}.check-group .checkbox{counter-increment:total}.check-group input[type=checkbox]:checked{counter-increment:checked}.check-group__result{font-weight:700;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.2)}.check-group__result:after{content:counter(checked) " / " counter(total);padding-left:1ch}@media only screen and (max-width:2000px){.modal-content4{margin-top:50px}.modal-content{padding-top:0}}@media only screen and (max-width:1600px){.modal,.modal4,.modal5{width:80%}.close{padding-right:40px}.modal-content4{padding-left:30px;padding-top:0;width:100%}.modal-content{width:80%;padding-left:30px}}@media only screen and (max-width:730px){.modal,.modal4,.modal5{width:100%}.close{padding-right:40px}}.checkbox{display:flex;align-items:center}.checkbox__input{position:absolute;width:1.375em;height:1.375em;opacity:0}.checkbox__input:checked+.checkbox__icon .tick{stroke-dashoffset:0}.checkbox__icon{width:1.375em;height:1.375em;flex-shrink:0;overflow:visible}.checkbox__icon .tick{stroke-dasharray:20px;stroke-dashoffset:20px;transition:stroke-dashoffset .2s ease-out}.checkbox__label{margin-left:.5em}.main_box{position:relative;background-size:cover}.main_box .sidebar_menu{position:fixed;height:100vh;width:280px;left:-285px;background:#ffffff1a;box-shadow:0 0 6px #ffffff80;overflow:scroll;transition:all .3s linear}.sidebar_menu .logo{position:absolute;width:100%;height:60px;box-shadow:0 2px 4px #ffffff80}.sidebar_menu .logo a{color:#fff;font-size:25px;font-weight:500;position:absolute;left:50px;line-height:60px;text-decoration:none}.sidebar_menu .menu{position:absolute;top:80px;width:100%}.sidebar_menu .menu li{margin-top:6px;padding:24px 20px}.sidebar_menu .menu i{color:#fff;font-size:20px;padding-right:8px}.sidebar_menu .menu a{color:#fff;font-size:20px;text-decoration:none}.sidebar_menu .menu li:hover{border-left:1px solid #fff;box-shadow:0 0 4px #ffffff80}.sidebar_menu .social_media{position:absolute;left:50%;transform:translate(-50%);bottom:20px;list-style:none;cursor:pointer}.sidebar_menu .social_media i{text-decoration:none;padding:0 5px;color:#fff;opacity:.6;font-size:20px}.sidebar_menu .social_media i:hover{opacity:1;transition:all .2s linear;transform:scale(1.01)}#check{display:none}.main_box .btn_one i{color:#fff;font-size:30px;font-weight:700;position:absolute;left:16px;line-height:60px;cursor:pointer;opacity:1;transition:all .3s linear}.sidebar_menu .btn_two i{font-size:25px;line-height:60px;position:absolute;left:240px;cursor:pointer;opacity:0;transition:all .3s linear}.btn_one i:hover{font-size:29px}.btn_two i:hover{font-size:24px}#check:checked~.sidebar_menu{left:0}#check:checked~.btn_one i{opacity:0}#check:checked~.sidebar_menu .btn_two i{opacity:1}#btn-ambient{display:flex;align-items:center}#btn-ambient svg{margin-right:10px}#btn-data{display:flex;align-items:center}#btn-data svg{margin-right:10px}#btn-paths{display:flex;align-items:center}#btn-paths svg{margin-right:10px}#btn-calc{display:flex;align-items:center}#btn-calc svg{margin-right:10px}#btn-settings{display:flex;align-items:center}#btn-settings svg{margin-right:10px}#btn-live{display:flex;align-items:center}#btn-live svg{margin-right:10px}#btn-drive{display:flex;align-items:center}#btn-drive svg{margin-right:10px}#btn-oxigen{display:flex;align-items:center}#btn-oxigen svg{margin-right:10px}#btn-grid{display:flex;align-items:center}#btn-grid svg{margin-right:10px}#btn-base{display:flex;align-items:center}#btn-base svg{margin-right:10px}#btn-quiz{display:flex;align-items:center}#btn-quiz svg{margin-right:10px}.planet-item{margin:14px 0}.planet-text{line-height:1.7}.quiz-check{padding-bottom:20px}