*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{--backgroundColour1: #ee7752;--backgroundColour2: #e73c7e;--backgroundColour3: #23a6d5;--backgroundColour4: #23d5ab;--hexFillColour: rgba(0, 0, 0, .01);--hexBorderColour: rgba(0, 0, 0, 0);--backgroundColourAlt1: #010332;--backgroundColourAlt2: #29011C;--backgroundColourAlt3: #43000D;--backgroundColourAlt4: #530005;--hexFillColourAlt: rgba(255, 255, 255, .01);--hexBorderColourAlt: rgba(255, 255, 255, 0)}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;line-height:calc(1em + .5rem);color:#ffffffde;background-color:#242424;margin-block-start:5vh;margin-inline:1em;display:flex;align-items:start;justify-content:center;text-align:center}#root{isolation:isolate;max-width:1280px}body{background:linear-gradient(-45deg,var(--backgroundColour1),var(--backgroundColour2),var(--backgroundColour3),var(--backgroundColour4));background-size:400% 400%;animation:gradient 120s ease infinite;height:100vh}body[data-theme=dark]{--backgroundColour1: var(--backgroundColourAlt1);--backgroundColour2: var(--backgroundColourAlt2);--backgroundColour3: var(--backgroundColourAlt3);--backgroundColour4: var(--backgroundColourAlt4);--hexFillColour: var(--hexFillColourAlt);--hexBorderColour: var(--hexBorderColourAlt)}body:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";z-index:-1;--g1: conic-gradient(from 60deg at 56.25% calc(425%/6), #0000, var(--hexFillColour) .5deg 119.5deg, #0000 120deg);--g2: conic-gradient(from 180deg at 43.75% calc(425%/6), #0000, var(--hexFillColour) .5deg 119.5deg, #0000 120deg);--g3: conic-gradient(from -60deg at 50% calc(175%/12), #0000, var(--hexFillColour) .5deg 119.5deg, #0000 120deg);background:var(--g1),var(--g1) 2em 3.46em,var(--g2),var(--g2) 2em 3.46em,var(--g3) 2em 0,var(--g3) 0 3.46em var(--hexBorderColour);background-size:4em 6.92em}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.targetDate{font-size:4.5rem;font-weight:400;line-height:1.3}.questionWrapper{color:#fff;margin:40px auto;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.1);width:100%;border-radius:15px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.questionText{font-size:1.563rem;font-weight:400;line-height:1.3;margin-bottom:1em}.questionOptions{display:flex;flex-wrap:wrap;justify-content:center;gap:1em}.questionOptions button{display:inline-block;padding:12px 24px;border:0;text-decoration:none;border-radius:6px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fffc;font:inherit;font-size:14px;letter-spacing:2px;cursor:pointer;text-transform:uppercase;font-weight:600;-webkit-user-select:none;user-select:none;line-height:1rem}.questionOptions button small{display:block;font-size:.8rem;opacity:.6}.questionOptions button:not(:disabled):hover{background-color:#fff3}.questionOptions button.highlight{outline:3px dashed rgba(2,187,0,.45)!important}.questionOptions button.correct{background:rgba(2,187,0,.45)}.questionOptions button.incorrect{background:rgba(187,0,0,.45)}.questionOptions button:disabled:not(:is(.correct,.incorrect)){opacity:.4}.questionAnswer{font-size:1.25rem;font-weight:400;line-height:1.3;margin-block-start:1em}.languageSelector{display:flex;justify-content:center;gap:1em}.languageSelector div{position:relative;cursor:pointer}.languageSelector div:hover{color:#222}.languageSelector div:not(:first-child):before{position:absolute;content:"•";left:-.7em;color:#fff}.themeSelector{display:flex;justify-content:center;gap:1em}.themeSelector div{position:relative;cursor:pointer}.themeSelector div:hover{color:#222}.themeSelector div:not(:first-child):before{position:absolute;content:"•";left:-.7em;color:#fff}