*{box-sizing:border-box}:root{--background-color-outer: #ffffff;--background-color-polka: #4d5b9e;--background-color: #f5f7fb;--primary-color: #4d5b9e;--text-color: #293264;--border-color: #ebebeb;--break-color: #dbdef0;--button-bg: rgba(0, 0, 0, 0);--button-text: #f5f7fb;--button-hover: #e9ecff;--button-selected: #d6dbf5;--button-correct: #94d7a2;--button-incorrect: #f8bcbc;--toggle-bg: #fffad1;--toggle-fg: #ffdc41;--toggle-border: #ffeb92;--blob-1: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='194' height='197' viewBox='0 0 194 197'><path fill-rule='evenodd' clip-rule='evenodd' d='M99.4095 81.3947C71.1213 50.8508 33.3179 21.7816 37.1727 -19.6933C41.4394 -65.599 75.854 -105.359 118.419 -123.133C158.797 -139.994 206.035 -130.256 241.822 -105.149C271.947 -84.0141 272.823 -43.8756 282.141 -8.27104C292.17 30.0508 318.521 70.8106 296.501 103.779C273.538 138.159 224.991 143.432 183.931 138.768C148.318 134.723 123.751 107.677 99.4095 81.3947Z' fill='%23FFFAD1'/></svg>");--blob-2: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='148' height='118' viewBox='0 0 148 118'><path fill-rule='evenodd' clip-rule='evenodd' d='M-5.55191 4.90596C35.9614 1.77498 82.2425 -9.72149 112.306 19.1094C145.581 51.0203 155.282 102.703 142.701 147.081C130.767 189.18 93.7448 220.092 51.8208 232.476C16.5281 242.902 -15.4332 218.605 -49.1007 203.738C-85.3375 187.737 -133.641 182.993 -145.741 145.239C-158.358 105.868 -132.269 64.5881 -103.064 35.3528C-77.7328 9.99541 -41.2727 7.60006 -5.55191 4.90596Z' fill='%23DEEBF8'/></svg>")}[data-theme=dark]{--background-color-outer: #11111f;--background-color-polka: #4d5b9e;--background-color: #1a1a2e;--primary-color: #4d5b9e;--text-color: #e0e0f0;--border-color: #5c607c;--break-color: #3b3b5a;--button-bg: rgba(77, 91, 158, .15);--button-text: #e0e0f0;--button-hover: #2a2a4d;--button-selected: #3a3a6a;--button-correct: #3d8f5a;--button-incorrect: #b34747;--toggle-bg: #293264;--toggle-fg: #9bbfe0;--toggle-border: #4d5b9e;--blob-1: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='194' height='197' viewBox='0 0 194 197'><path fill-rule='evenodd' clip-rule='evenodd' d='M99.4095 81.3947C71.1213 50.8508 33.3179 21.7816 37.1727 -19.6933C41.4394 -65.599 75.854 -105.359 118.419 -123.133C158.797 -139.994 206.035 -130.256 241.822 -105.149C271.947 -84.0141 272.823 -43.8756 282.141 -8.27104C292.17 30.0508 318.521 70.8106 296.501 103.779C273.538 138.159 224.991 143.432 183.931 138.768C148.318 134.723 123.751 107.677 99.4095 81.3947Z' fill='%23E0D39C'/></svg>");--blob-2: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='148' height='118' viewBox='0 0 148 118'><path fill-rule='evenodd' clip-rule='evenodd' d='M-5.55191 4.90596C35.9614 1.77498 82.2425 -9.72149 112.306 19.1094C145.581 51.0203 155.282 102.703 142.701 147.081C130.767 189.18 93.7448 220.092 51.8208 232.476C16.5281 242.902 -15.4332 218.605 -49.1007 203.738C-85.3375 187.737 -133.641 182.993 -145.741 145.239C-158.358 105.868 -132.269 64.5881 -103.064 35.3528C-77.7328 9.99541 -41.2727 7.60006 -5.55191 4.90596Z' fill='%239BBFE0'/></svg>")}body{margin:0;padding:0}.app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--background-color-outer);background-image:radial-gradient(var(--background-color-polka) 2px,transparent 2px);background-size:40px 40px;animation:backgroundmovement 3s linear infinite;transition:background-color .25s ease-in-out}@keyframes backgroundmovement{0%{background-position:0 0}to{background-position:40px 40px}}h1{font-family:Karla,sans-serif;font-size:2.5rem}p{font-size:1.5rem}hr{border:1px solid var(--break-color);margin-block:10px;transition:.25s ease-in-out}svg{transform:translateZ(0);backface-visibility:hidden;will-change:transform}button,select{font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease-in-out}button{background-color:var(--primary-color);color:var(--button-text);border:none}button:hover:not(:disabled){transform:scale(1.02)}button:disabled{cursor:not-allowed;opacity:.5}.select-container{transition:all .2s ease-in-out}.select-container:hover{background:var(--button-hover);opacity:.9;transform:scale(1.02)}select{width:200px;height:50px;text-align:center;text-align-last:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary-color);border-radius:9px;background-color:transparent;color:var(--text-color);outline:none;box-shadow:none}select option{background-color:var(--background-color);color:var(--text-color)}select::-webkit-scrollbar{width:6px;border:none}select::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}select::-webkit-scrollbar-track{background-color:var(--background-color)}select{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--background-color)}.toggle-container{width:fit-content;position:relative;align-self:flex-end;margin-bottom:.5rem;margin-right:.5rem}.toggle{position:absolute;opacity:0;pointer-events:none}.toggle+label{display:flex;align-items:center;font-size:1.5em;cursor:pointer;color:var(--primary-color)}.toggle+label:before{content:"";height:1em;width:2em;border:2px solid var(--toggle-border);border-radius:1em;background-color:var(--toggle-bg);margin-right:.5em;transition:.25s ease-in-out}.toggle+label:after{content:"";height:.8em;width:.8em;border-radius:1em;background-color:var(--toggle-fg);position:absolute;left:.3em;transition:.25s ease-in-out}.toggle:checked+label:after{transform:translate(100%)}.quizzical-container{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:1rem}.quizzical{width:min(80vw,80vh,870px);height:min(80vw,80vh,870px);min-height:70vmin;max-height:90vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--background-color);background-image:var(--blob-1),var(--blob-2);background-repeat:no-repeat;background-position:right top,left bottom;background-size:35% auto;border:10px solid var(--border-color);border-radius:15px;padding:2rem;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--background-color);transition:.25s ease-in-out}.quizzical::-webkit-scrollbar{width:8px;transition:.25s ease-in-out}.quizzical::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px;transition:.25s ease-in-out}.quizzical::-webkit-scrollbar-track{background-color:var(--background-color);transition:.25s ease-in-out}.quizzical.title-screen{justify-content:center;min-height:auto}.quizzical-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:1rem}.github-link{text-decoration:none;color:var(--text-color);display:inline-flex;align-items:center;gap:clamp(.3rem,.8vw,.5rem);font-size:clamp(.7rem,1vw,1rem)}.github-link:hover{text-decoration:underline;text-decoration-thickness:1.2px;text-underline-offset:4px}.title{display:flex;flex-direction:column;justify-content:center;align-items:center}.title>h1{margin:10px;font-size:clamp(2rem,4vw,2.5rem)}.title>p{margin:15px;font-size:clamp(1rem,2vw,1.5rem);text-align:center}.title>section{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.title>button,.error>button{width:clamp(180px,20vw,250px);height:clamp(55px,7vh,70px);margin:35px;font-size:clamp(1rem,2vw,1.3rem);border-radius:20px}.title>button:hover,.error>button:hover{box-shadow:inset 0 0 100px 100px #ffffff1a}.error>button{margin:5px}.error{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center}.error-message{white-space:pre-line;line-height:2;text-align:center}.quiz{width:90%;max-width:600px;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.quiz>section{width:100%}.quiz>section>h1{width:100%;margin-block:8px;font-size:clamp(1rem,2vw,1.3rem)}.quiz>section>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:10px}.quiz>section>div>button.answer{flex:1 1 auto;min-width:90px;min-height:35px;padding:.5rem 1rem;font-size:clamp(.9rem,1.8vw,1rem);font-weight:400;border:2px solid var(--primary-color);border-radius:9px;background:var(--button-bg);color:var(--text-color)}.quiz>section>div>button.answer:hover{background:var(--button-hover)}.quiz>section>div>button.answer:hover:not(:disabled){opacity:.9}.quiz>section>div>button.answer.selected{background:var(--button-selected);border:none}.quiz>section>div>button.answer.correct{background:var(--button-correct);border:none}.quiz>section>div>button.answer.incorrect{background:var(--button-incorrect);border:none}.quiz>footer{display:flex;flex-direction:column;align-items:center}.quiz>footer>p{font-weight:700;font-size:clamp(1rem,2vw,1.3rem);margin:10px 0;text-align:center}.quiz>footer>button{width:clamp(150px,20vw,180px);height:clamp(45px,6vh,52px);font-size:clamp(1rem,2vw,1.2rem);border-radius:10px;margin:10px}.quiz>footer>button:hover{box-shadow:inset 0 0 100px 100px #ffffff1a}@media (max-width: 768px){body{overflow-y:auto}.quizzical{width:90vw;height:auto;padding:1.5rem}.quiz>section>div{flex-direction:column;gap:10px}.title>section{flex-direction:column;gap:10px}}