@import url(https://fonts.googleapis.com/css2?family=Codystar&family=DM+Sans:wght@400;500;600&display=swap);:root{--color-darkest:#0f1923;--color-dark:#1a2636;--color-medium:#4a6080;--color-light:#e8edf2;--color-theme:#5b6af0;--color-theme-hover:#4a59e0;--color-theme-glow:#5b6af02e;--color-accent:#34c98a;--color-accent-bg:#34c98a26;--color-wrong:#e89c3f;--color-wrong-bg:#e89c3f26;--color-answer:#e05c6e;--color-answer-bg:#e05c6e26;--surface-1:#162030;--surface-2:#1e2d42;--border-subtle:#ffffff12;--border-medium:#ffffff21}*{box-sizing:border-box;margin:0;padding:0}html{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:62.5%}body{background-color:#0f1923;background-color:var(--color-darkest);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,#5b6af01f 0,#0000 60%),radial-gradient(ellipse 40% 30% at 90% 90%,#34c98a12 0,#0000 50%);color:#e8edf2;color:var(--color-light);min-height:100vh;padding:3.2rem}.app{align-items:center;display:flex;flex-direction:column;justify-content:center}.main{width:50rem}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4rem;width:66rem}.error{background-color:#1e2d42;background-color:var(--surface-2);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:100px;color:#e05c6e;color:var(--color-answer);font-size:1.6rem;font-weight:500;padding:2rem 3rem;text-align:center}img{width:14rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#5b6af0);background:linear-gradient(135deg,#fff 30%,var(--color-theme) 100%);-webkit-background-clip:text;background-clip:text;font-family:Codystar;font-size:5.6rem}h2{font-size:3.6rem;margin-bottom:2rem}h2,h3{font-weight:600}h3{color:#4a6080;color:var(--color-medium);color:#8fa3be;font-size:2.4rem;margin-bottom:4rem}h4{font-size:2.2rem;font-weight:600;line-height:1.4;margin-bottom:2.4rem}.start{align-items:center;display:flex;flex-direction:column}.progress{grid-gap:1.2rem;color:#8fa3be;display:grid;font-size:1.8rem;gap:1.2rem;grid-template-columns:auto auto;justify-content:space-between;margin-bottom:4rem}progress{border-radius:100px;grid-column:1/-1;height:8px;width:100%}::-webkit-progress-bar{background-color:#1e2d42;background-color:var(--surface-2);border-radius:100px}::-webkit-progress-value{background:linear-gradient(90deg,#5b6af0,#34c98a);background:linear-gradient(90deg,var(--color-theme),var(--color-accent));border-radius:100px;-webkit-transition:width .4s ease;transition:width .4s ease}.btn{background-color:#1e2d42;background-color:var(--surface-2);border:1px solid #ffffff21;border:1px solid var(--border-medium);border-radius:100px;color:#e8edf2;color:var(--color-light);cursor:pointer;display:block;font-family:inherit;font-size:1.9rem;font-weight:500;letter-spacing:.01em;padding:1.2rem 2.4rem;transition:all .2s ease}.btn:not([disabled]):hover{background-color:#5b6af0;background-color:var(--color-theme);border-color:#5b6af0;border-color:var(--color-theme);box-shadow:0 4px 20px #5b6af02e;box-shadow:0 4px 20px var(--color-theme-glow);color:#fff;transform:translateY(-1px)}.btn-option:not([disabled]):hover{background-color:#162030;background-color:var(--surface-1);border-color:#5b6af0;border-color:var(--color-theme);transform:translateX(1.2rem)}.btn[disabled]:hover{cursor:not-allowed}.btn-ui{float:right}.options{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:3.2rem}.btn-option{background-color:#162030;background-color:var(--surface-1);border:1px solid #ffffff12;border:1px solid var(--border-subtle);color:#e8edf2;color:var(--color-light);text-align:left;width:100%}.btn-option.correct{background-color:#34c98a26;background-color:var(--color-accent-bg);border:1px solid #34c98a;border:1px solid var(--color-accent);color:#d2f5e8}.btn-option.wrong{background-color:#e89c3f26;background-color:var(--color-wrong-bg);border:1px solid #e89c3f;border:1px solid var(--color-wrong);color:#fce8c8}.answer.wrong{background-color:#e05c6e26;background-color:var(--color-answer-bg);border:1px solid #e05c6e;border:1px solid var(--color-answer);color:#f9d0d6;transform:translateX(2rem)}.result{background:linear-gradient(135deg,#5b6af0,#7b46f0);background:linear-gradient(135deg,var(--color-theme),#7b46f0);border-radius:2rem;box-shadow:0 8px 32px #5b6af04d;color:#fff;font-size:2rem;font-weight:500;margin-bottom:1.6rem;padding:2.4rem 0;text-align:center}.result span{font-size:2.4rem;margin-right:4px}.highscore{color:#8fa3be;font-size:1.8rem;margin-bottom:4.8rem;text-align:center}.loader-container{align-items:center;color:#8fa3be;display:flex;flex-direction:column;font-size:1.4rem;gap:1.6rem;margin-top:4rem}.timer{font-feature-settings:"tnum";background-color:#162030;background-color:var(--surface-1);border:1px solid #ffffff21;border:1px solid var(--border-medium);border-radius:100px;color:#8fa3be;float:left;font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.05em;padding:1.35rem 2.8rem}.loader{animation:loader 1s linear infinite;background:radial-gradient(circle closest-side,#5b6af0 90%,#0000) 0 50%,radial-gradient(circle closest-side,#5b6af0 90%,#0000) 50% 50%,radial-gradient(circle closest-side,#5b6af0 90%,#0000) 100% 50%;background:radial-gradient(circle closest-side,var(--color-theme) 90%,#0000) 0 50%,radial-gradient(circle closest-side,var(--color-theme) 90%,#0000) 50% 50%,radial-gradient(circle closest-side,var(--color-theme) 90%,#0000) 100% 50%;background-repeat:no-repeat;background-size:33.33333% 12px;height:24px;width:50px}@keyframes loader{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.counter{align-items:center;display:flex;flex-direction:column;font-size:2rem;font-weight:700;gap:1rem;margin:6rem}.counter *{font-size:inherit;padding:.8rem}
/*# sourceMappingURL=main.301c7018.css.map*/