:root{color-scheme:light dark;color:#ffffffde;--color-bg: #313131;--color-darkest: #343a40;--color-dark: #495057;--color-medium: #ced4da;--color-light: #f1f3f5;--color-config-container: #e9e9e9;--color-theme: #1098ad;--color-accent: #ffa94d}.quiz-game-page .quiz-question{font-size:1.8rem;font-weight:600;width:100%}.quiz-game-page .quiz-resume span{font-size:1.5rem}.quiz-game-page .btn-next{display:block;cursor:pointer;font-size:1.25rem;font-weight:500;margin:1.5rem 0rem;padding:.8rem 2rem;border-radius:15px;border:2px solid var(--color-theme);background-color:var(--color-darkest)}.quiz-game-page .btn-next:hover{border:2px solid var(--color-accent)}.quiz-game-page .quiz-controls{width:75%}.quiz-game-page .quiz-progress{width:90%}.quiz-game-page progress{width:100%;height:25px;appearance:none;border-radius:100px}.quiz-game-page ::-webkit-progress-bar{background-color:var(--color-medium);border-radius:100px}.quiz-game-page ::-webkit-progress-value{background-color:var(--color-theme);border-radius:100px}.quiz-game-page .quiz-category{font-size:2rem}.quiz-game-page .quiz-difficulty{font-size:2rem;text-transform:capitalize}.page-selection .config-container{background-color:var(--color-darkest);padding:1rem 3.5rem;border-radius:10px}.page-selection .btn-start-game{display:block;cursor:pointer;font-size:1.25rem;font-weight:500;margin:3rem 0rem 1.5rem;padding:.8rem 2rem;border-radius:15px;border:2px solid var(--color-theme);background-color:var(--color-darkest)}.page-selection .btn-start-game:hover{border:2px solid var(--color-accent)}.page-selection h1{margin:.75rem 0rem;color:var(--color-light)}.page-selection .categories{margin-bottom:1.8rem}.results-page{background-color:var(--color-darkest);padding:2rem 3.5rem;border-radius:10px}.results-page .title{font-size:3rem;margin:0rem 0rem 1.5rem}.results-page .btn{display:block;cursor:pointer;width:200px;font-size:1.25rem;font-weight:500;margin:1.5rem 0rem;padding:.8rem 2rem;border-radius:15px;border:2px solid var(--color-theme);background-color:var(--color-darkest)}.results-page .btn:hover{border:2px solid var(--color-accent)}.results-page .quiz-score{margin-bottom:1rem}.results-page .quiz-score span{font-size:2rem}.error-message{font-size:20px;color:var(--color-bg)}.quiz-answer div{cursor:pointer;min-width:40rem;max-width:40rem;text-align:center;font-size:1.5rem;font-weight:500;letter-spacing:1.5px;border-radius:100px;border:2px solid var(--color-theme);padding:.6rem 0rem}.quiz-answer div:hover{border:2px solid var(--color-accent)}.quiz-answer .answer-default{background-color:var(--color-dark)}.quiz-answer .answer-correct{background-color:#4ba34b}.quiz-answer .answer-incorrect{background-color:#c53838}.switchable-icon .active-state{border:2px solid var(--color-accent)}.switchable-icon div{display:inline-block;padding:15px;background-color:#f0f8ff;border-radius:10px;cursor:pointer;width:90px;border:2px solid var(--color-theme);background-color:var(--color-darkest)}.switchable-icon div:hover{background-color:var(--color-theme)}.switchable-icon img{width:40px}.switchable-icon h1{margin:0rem;padding:0rem;font-size:18px;font-weight:300;color:var(--color-light)}.switchable-text .active-state{border:2px solid var(--color-accent)}.switchable-text div{display:inline-block;padding:15px;background-color:#f0f8ff;border-radius:5px;cursor:pointer;border:2px solid var(--color-theme);background-color:var(--color-darkest)}.switchable-text div:hover{background-color:var(--color-theme)}.switchable-text h1{margin:0rem;padding:0rem;font-size:20px;font-weight:300;color:var(--color-light)}.quiz-timer span{color:#f0f8ff;font-size:30px}html,body{background-color:var(--color-bg);margin:0;padding:0}