:root{--primary-color:#865dff;--secondary-color:#e384ff;--background-color:#191825;--text-color:#fff;--missed-word-text-color:red;--primary-hover:#48318a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#191825;background-color:var(--background-color);font-family:Arial,sans-serif;height:100%;margin:0}.launcher{display:flex;justify-content:center;margin-top:5rem;text-align:center}.launcher__form{background-color:#865dff;background-color:var(--primary-color);border-radius:10px;box-shadow:3px 3px #48318a;box-shadow:3px 3px var(--primary-hover);display:flex;flex-direction:column;padding:20px;width:300px}.launcher__button,.launcher__form{color:#fff;color:var(--text-color)}.launcher__button{background-color:#e384ff;background-color:var(--secondary-color);border:none;border-radius:10px;height:2rem;margin:1rem 0 0}.launcher__button--hoverable:hover{background-color:#48318a;background-color:var(--primary-hover)}.quiz-container{color:#fff;color:var(--text-color);display:flex;flex-direction:column;height:100vh;height:100svh;overflow:hidden;text-align:center}.quiz-header{align-items:center;background-color:#865dff;background-color:var(--primary-color);display:flex;justify-content:space-between}.song-title{font-size:1.2rem;margin:0;padding:.5rem 0}.header-side-content{font-size:.8rem;margin:0;padding:0 .5rem}.lyrics-container{flex-grow:1;overflow-y:scroll;padding:0 1rem 20rem}.missed-word{color:red;color:var(--missed-word-text-color)}.user-input-container{display:flex;flex-direction:row;padding:.5rem;position:relative}.end-quiz-button,.user-input-container{background-color:#e384ff;background-color:var(--secondary-color)}.end-quiz-button{border:none;border-radius:50px;bottom:0;color:#fff;color:var(--text-color);left:0;margin:10px;padding:0 1rem;position:absolute;text-align:center;top:0;z-index:10}.end-quiz-button:hover{background-color:#865dff;background-color:var(--primary-color);cursor:pointer}input.answer-input{background-color:#e384ff;background-color:var(--secondary-color);border:none;border-radius:0;color:#fff;color:var(--text-color);flex-grow:1;font-size:1rem;padding:.5rem 0;text-align:center;width:100%}input:focus,textarea:focus{outline:none}input.answer-input::-webkit-input-placeholder{color:#fff;opacity:.75}input.answer-input::placeholder{color:#fff;opacity:.75}@media screen and (min-width:600px) and (min-height:600px){.song-title{font-size:1.75rem;padding:.8rem 0}.header-side-content{font-size:1.2rem;padding:0 .8rem}.input-container input{font-size:1.5rem;padding:.8rem 0}}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;justify-content:flex-start;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:20}.modal-container,.modal-overlay{display:flex;flex-direction:column}.modal-container{background-color:#191825;background-color:var(--background-color);border:hsla(0,0%,78%,.8);border-radius:10px;color:#fff;color:var(--text-color);margin-top:50px;padding:20px;position:relative;text-align:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:300px;z-index:30}button.close-modal-button{background-color:transparent;border:none;border-radius:15%;color:#fff;color:var(--text-color);display:block;margin:10px;position:absolute;right:0;top:0;z-index:10}button.close-modal-button:hover{background-color:hsla(0,0%,100%,.25)}.modal-container h1,.modal-container h3{margin:.5rem 0}.modal-container button.menu-button{background-color:#865dff;background-color:var(--primary-color);border:none;border-radius:50px;color:#fff;color:var(--text-color);margin:1rem 0;padding:.3rem .6rem}.modal-container button.menu-button:hover{background-color:#48318a;background-color:var(--primary-hover);cursor:pointer}.modal-container button.menu-button:disabled{background-color:#aaa}.spacer{flex-grow:1}.end-navigation{display:flex;justify-content:space-between}button.end-control{width:47%}.result__thumbnail{height:100%;width:100%}.auto-correct-fix{background-color:#ffffff00;border:none;height:0;width:0}
/*# sourceMappingURL=main.a5152274.css.map*/