:root{font-family:DejaVu Sans,sans-serif;color:#c8c8c8;overflow:auto}canvas{position:fixed;top:0;left:0}@keyframes slide-in{0%{left:-100px;opacity:0}to{left:50%;opacity:1}}#main{width:100%;height:100%}.overPlanet{position:relative;margin-top:10%;margin-bottom:-7%;max-width:50%}.underPlanet{position:fixed;top:82%;left:-100px}.panel{transform:translate(-50%,-50%);opacity:0;background-color:#010101bf;border-radius:5px;padding:10px;animation:slide-in 1s linear 1 forwards;text-align:center;user-select:none;transition:all ease-in .2s}.panel:hover{background-color:#191919;cursor:pointer;transform:scale(1.12) translate(-45%,-45%)}ul{list-style-type:none}a{text-decoration:none;color:#fff;transition:all ease-in .15s}a:hover{text-decoration:underline;color:#5892de}#nextButton{position:fixed;left:95%;top:50%;transform:translate(-50%,-50%);border:none;border-radius:5px;background-color:#010101bf;color:#fff;width:3vw;aspect-ratio:1;font-size:large;transition:all ease-in .15s}#nextButton:hover{background-color:#121212;cursor:pointer;transform:scale(1.25) translate(-40%,-40%)}#prevButton{position:fixed;left:5%;top:50%;transform:translate(-50%,-50%);border:none;border-radius:5px;background-color:#010101bf;color:#fff;width:3vw;aspect-ratio:1;font-size:large;transition:all ease-in .15s}#prevButton:hover{background-color:#121212;cursor:pointer;transform:scale(1.25) translate(-40%,-40%)}#progress{width:200px;height:20px;background:#000;border:2px solid #000}#progressBar{width:200px;height:20px;background:#00ff77;border:none}#muteButton{position:fixed;left:5%;top:5%;aspect-ratio:1;width:50px;border:none;color:#fff;background:rgba(1,1,1,.75);transition:all ease-in .15s}#muteButton:hover{background:#121212;cursor:pointer;transform:scale(1.25)}