body{display:flex;flex-direction:column;min-height:100vh;min-width:100vw;overflow-x:hidden;box-sizing:border-box;margin:0;padding:0;font-family:sans-serif;background:linear-gradient(to top left,#07124d,#496ca0)}.app-container{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.starry-background{position:absolute;top:0;left:0;width:100%;height:100vh;background:transparent;overflow:hidden;z-index:-10}.starry-background:after{content:"";position:absolute;top:0;left:0;width:2px;height:2px;background:transparent;box-shadow:5vw 10vh #fff,10vw 80vh #fff,15vw 25vh #fff,20vw 60vh #fff,25vw 5vh #fff,30vw 70vh #fff,35vw 40vh #fff,40vw 15vh #fff,45vw 50vh #fff,50vw 90vh #fff,55vw 35vh #fff,60vw 10vh #fff,65vw 75vh #fff,70vw 20vh #fff,75vw 65vh #fff,80vw 5vh #fff,85vw 55vh #fff,90vw 15vh #fff,95vw 45vh #fff,2vw 30vh #fff,8vw 50vh #fff,12vw 70vh #fff,18vw 90vh #fff,22vw 40vh #fff,28vw 60vh #fff,32vw 10vh #fff,36vw 80vh #fff,42vw 25vh #fff,46vw 65vh #fff,52vw 15vh #fff,58vw 45vh #fff,62vw 75vh #fff,68vw 30vh #fff,72vw 50vh #fff,78vw 70vh #fff,82vw 90vh #fff,88vw 40vh #fff,92vw 60vh #fff,98vw 20vh #fff,5vw 90vh #fff,15vw 60vh #fff,25vw 35vh #fff,35vw 5vh #fff,45vw 85vh #fff,55vw 25vh #fff,65vw 55vh #fff,75vw 10vh #fff,85vw 30vh #fff,95vw 75vh #fff,10vw 10vh #fff,20vw 20vh #fff,30vw 30vh #fff,40vw 40vh #fff,50vw 50vh #fff,60vw 60vh #fff,70vw 70vh #fff,80vw 80vh #fff,90vw 90vh #fff,5vw 50vh #fff,95vw 5vh #fff}.loader{text-align:center;margin:auto;color:#fff;font-size:36pt}.header-container{display:flex;justify-content:center;align-items:center;gap:2.5rem;position:relative}.header-title{font-size:4rem;font-weight:700;text-align:center;margin-top:2rem;color:#fff;text-shadow:3px 3px 3px rgba(0,0,0)}.react-logo{position:absolute;top:-7rem;right:-320px;width:200%;pointer-events:none;-webkit-user-select:none;user-select:none;animation:spin 8s linear infinite;z-index:-5}.starting-page-subtitle{color:#fff;text-shadow:3px 3px 3px rgba(0,0,0);line-height:2rem;font-size:1.5rem;text-align:center;z-index:11}.starting-page{height:90vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.starting-page-content{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:10rem}.starting-page h2 span{font-size:2.25rem}.start-button{background:linear-gradient(to top left,#b5b1ee,#fff);color:#000;padding:.75rem 1.5rem;border-radius:.4rem;width:80%;border:none;border-bottom:3px solid rgb(129,149,240);cursor:pointer;font-size:1.4rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.question-container{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.question-text-container{width:80%;background-color:#0009;border-radius:8px;margin:auto;padding:2.5rem 0}.question{text-align:center;padding:1rem}.next-finish-button{width:60%;padding:.5rem 1rem;margin:1rem auto;border-radius:20px;border:none;border-bottom:3px solid rgb(129,149,240);background:linear-gradient(to top left,#b5b1ee,#fff);color:#000;font-size:16pt;cursor:pointer;display:block}.restart-quit-container{display:flex;justify-content:center;align-items:center;gap:4rem;width:100%}.restart,.quit{flex:1;max-width:9rem;padding:.6rem 1rem;background:linear-gradient(to top left,#b5b1ee,#fff);border:none;border-bottom:3px solid rgb(129,149,240);border-radius:20px;text-align:center;font-size:16pt}.times-up-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;height:100vh}.times-up{font-size:40pt;color:#fff;text-shadow:black 2px 2px 2px;text-align:center}.time-bar{background-color:gray;border-radius:20px;width:75%;height:.5rem;margin:2rem 0}.time-left{height:.5rem;border-radius:20px}.option-container{width:100%;padding:0 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.option-items{width:80%;list-style:none}.option-button{width:100%;padding:.8rem;margin:.5rem auto;border:none;border-bottom:3px solid rgb(129,149,240);border-radius:8px;font-size:14pt;cursor:pointer;background:linear-gradient(to top left,#b5b1ee,#fff);color:#000}.progress-container{width:70%;display:flex;justify-content:space-between;align-items:center;margin-top:3rem}.progress-container p{text-shadow:black 3px 3px 3px;font-size:14pt;font-weight:700}.highscore-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh}.highscore-title{margin-top:5rem;color:#fff;text-shadow:black 2px 2px 2px;font-size:28pt}.highscore-list{text-align:center;margin-bottom:6rem}.highscore-place{width:100%;color:#fff;font-size:16pt;text-shadow:black 3px 3px 3px;padding:1rem}.footer{display:flex;justify-content:center;align-items:center;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0);margin-top:auto}