.App{padding:0 2rem;min-width:300px;max-width:800px;min-height:500px;margin:0 auto;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;font-family:Inter,sans-serif;background-color:#f5f7fb;border-radius:4px}.App .blob{position:absolute;z-index:0}.App .blob-blue{bottom:-20%;left:-20%}.App .blob-yellow{top:-20%;right:-20%}.main-screen{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center;overflow:hidden;font-family:Inter,sans-serif}.main-screen .text{color:#293264}.main-screen .text-title{margin:0;margin-bottom:1.4rem;font-family:Karla,sans-serif;font-size:2.4rem;font-weight:700}.main-screen .text-description{margin:0;margin-bottom:1.6rem;font-size:1.4rem}.main-screen .text-start-btn{padding:1rem 2rem;font-size:1.2rem;font-weight:600;background-color:#4d5b9e;color:#f5f7fb;border:none;outline:none;border-radius:20px;transition:.2s;cursor:pointer}.main-screen .text-start-btn:hover{filter:contrast(1.5)}.quiz-screen{width:100%;height:100%;padding:1.4rem 4rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#000;position:relative;z-index:10}.quiz-screen .lds-ring{display:inline-block;position:relative;width:80px;height:80px}.quiz-screen .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #4D5B9E;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#4D5B9E transparent transparent transparent}.quiz-screen .lds-ring div:nth-child(1){animation-delay:-.45s}.quiz-screen .lds-ring div:nth-child(2){animation-delay:-.3s}.quiz-screen .lds-ring div:nth-child(3){animation-delay:-.15s}.quiz-screen .quiz{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.4rem}.quiz-screen .quiz .questions-section{padding:0;display:flex;flex-direction:column;gap:.6rem}.quiz-screen .quiz .questions-section .question-box{padding-bottom:1rem;border-bottom:.5px solid #DBDEF0}.quiz-screen .quiz .questions-section .question-box .question{margin:0;margin-bottom:.6rem;font-family:Karla,sans-serif;font-size:1.1rem;font-weight:700;color:#293264}.quiz-screen .quiz .questions-section .question-box .options{display:flex;gap:.6rem}.quiz-screen .quiz .questions-section .question-box .options .option{padding:.2rem 1rem;background-color:transparent;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:#293264;border:1px solid #4D5B9E;outline:none;border-radius:8px;transition:.2s;cursor:pointer}.quiz-screen .quiz .questions-section .question-box .options .option:hover{background-color:#4d5b9e22}.quiz-screen .quiz .questions-section .question-box .options .option.selected{background-color:#d6dbf5;border-color:#d6dbf5;filter:saturate(2)}.quiz-screen .quiz .questions-section .question-box .options .option.not-selected{opacity:.9}.quiz-screen .quiz .questions-section .question-box .options .option.not-selected:hover{background-color:transparent}.quiz-screen .quiz .questions-section .question-box .options .option.correct{background-color:#94d7a2;border-color:#94d7a2}.quiz-screen .quiz .questions-section .question-box .options .option.correct:hover{background-color:#94d7a2}.quiz-screen .quiz .questions-section .question-box .options .option.incorrect{background-color:#f8bcbc;border-color:#f8bcbc;opacity:.7}.quiz-screen .quiz .control-section{display:flex;gap:1rem}.quiz-screen .quiz .control-section .score{font-weight:700;color:#293264}.quiz-screen .quiz .control-section .check-btn{padding:1rem 1.8rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;background-color:#4d5b9e;color:#f5f7fb;border:none;outline:none;border-radius:20px;transition:.2s;cursor:pointer}.quiz-screen .quiz .control-section .check-btn:hover{filter:contrast(1.5)}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.quiz-screen .quiz .questions-section .question-box .options{display:grid;grid-template-columns:1fr 1fr}}.settings{display:flex;gap:1rem}.settings select{padding:.4rem 1rem;border-radius:10px;font-family:Karla,sans-serif;font-size:1rem;font-weight:500;outline:none}.settings select option{padding:.4rem 1rem}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh}