:root{--html-bg:#fff1e9;--css-bg:#e0fdef;--js-bg:#ebf0ff;--accessibility-bg:#f6e7ff;--text-color:#313e51;--text-color-p:#626c7f;--purple:#a729f5;--bg-col:#fff;--button-bg:#fff;--option-bg:#f4f6fa;--option-color:#626c7f;--correct-color:#26d782;--invalid-color:#ee5454;--bg:url(/static/media/pattern-background-mobile-light.2a1f70bd700b2be97b86.svg);--sun-src:url(/static/media/icon-sun-dark.397b32a9036f98ca2742.svg);--moon-src:url(/static/media/icon-moon-dark.31aa7165f1fc864be0b9.svg)}[data-theme=dark]{--text-color:#fff;--text-color-p:#abc1e1;--bg-col:#313e51;--button-bg:#3b4d66;--bg:url(/static/media/pattern-background-mobile-dark.1cff22465c45eb596969.svg);--sun-src:url(/static/media/icon-sun-light.b3b23bea296f86a7f2c1.svg);--moon-src:url(/static/media/icon-moon-light.8ce3add6042354c900e1.svg)}html{box-sizing:border-box}body{background-color:#fff;background-color:var(--bg-col);background-image:url(/static/media/pattern-background-mobile-light.2a1f70bd700b2be97b86.svg);background-image:var(--bg);background-repeat:no-repeat;background-size:cover;font-family:Rubik,sans-serif}*,:after,:before{box-sizing:inherit}*{margin:0}img,svg{display:block;max-width:100%}button{font:inherit}.question-screen,.quiz-complete{flex-direction:column}.row-top{display:flex;justify-content:space-between;margin-bottom:1rem}.curr-subject{align-items:center;display:flex;gap:1rem}.light-dark-toggle{align-items:center;display:flex;gap:.5rem}.light-dark-switch{display:inline-block;height:clamp(1.25rem,1.073943661971831rem + .7511737089201878vw,1.75rem);position:relative;width:clamp(2rem,1.647887323943662rem + 1.5023474178403755vw,3rem)}.light-dark-switch input{display:none}.slider{background-color:#a729f5;background-color:var(--purple);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:clamp(.75rem,.573943661971831rem + .7511737089201878vw,1.25rem);left:4px;width:clamp(.75rem,.573943661971831rem + .7511737089201878vw,1.25rem)}input:checked+.slider:before{transform:translateX(clamp(.8125rem,.7033450704225352rem + .46572769953051646vw,1.1225rem))}.slider.round{border-radius:62.4375rem}.slider.round:before{border-radius:50%}.moon-container,.sun-container{height:clamp(1rem,.823943661971831rem + .7511737089201878vw,1.5rem);width:clamp(1rem,.823943661971831rem + .7511737089201878vw,1.5rem)}.sun-container>img{content:url(/static/media/icon-sun-dark.397b32a9036f98ca2742.svg);content:var(--sun-src)}.moon-container>img{content:url(/static/media/icon-moon-dark.31aa7165f1fc864be0b9.svg);content:var(--moon-src)}body{display:flex;height:100vh;justify-content:center}article{padding:1rem 1.5rem}h1{color:#313e51;color:var(--text-color);font-size:2.5rem;font-size:clamp(2.5rem,1.972rem + 2.25vw,4rem);font-weight:300}h1>span,h2{font-weight:500}h2{color:#313e51;color:var(--text-color);font-size:1.125rem;font-size:clamp(1.125rem,.905rem + .939vw,1.75rem)}.question{font-size:1.25rem;font-size:clamp(1.25rem,.898rem + 1.502vw,2.25rem)}p{color:#626c7f;color:var(--text-color-p);font-style:italic;font-weight:400;margin-bottom:2.5rem;margin-top:1rem}.progress-bar.whole{background-color:#fff;border-radius:62.4375rem;height:1rem;margin-bottom:2.5rem;margin-top:1.5rem;padding:.25rem;width:100%}.progress-bar.done{background-color:#a729f5;background-color:var(--purple);border-radius:6.5rem;height:.5rem;width:0}.choices{display:flex;flex-direction:column;gap:.75rem}button{grid-gap:1rem;align-items:center;background-color:#fff;background-color:var(--button-bg);border:0;border-radius:.75rem;box-shadow:0 16px 40px 0 #8fa0c124;color:#313e51;color:var(--text-color);display:grid;font-size:1.125rem;font-weight:500;gap:1rem;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr;justify-items:start;padding:.75rem;width:100%}button:hover{cursor:pointer}.option{border:3px solid #0000}.restart,.submit-answer{align-items:center;background-color:#a729f5;background-color:var(--purple);color:#fff;display:flex;justify-content:center}.restart:hover,.submit-answer:hover{background:linear-gradient(0deg,#ffffff80,#ffffff80),#a729f5;background:linear-gradient(0deg,#ffffff80 0,#ffffff80 100%),var(--purple)}.button-icon-container>img{border-radius:.75rem;padding:.15rem}.button-icon-container>img[src="./assets/images/icon-html.svg"]{background-color:#fff1e9;background-color:var(--html-bg)}.button-icon-container>img[src="./assets/images/icon-css.svg"]{background-color:#e0fdef;background-color:var(--css-bg)}.button-icon-container>img[src="./assets/images/icon-js.svg"]{background-color:#ebf0ff;background-color:var(--js-bg)}.button-icon-container>img[src="./assets/images/icon-accessibility.svg"]{background-color:#f6e7ff;background-color:var(--accessibility-bg)}.option-box{background-color:#f4f6fa;background-color:var(--option-bg);border-radius:.75rem;color:#626c7f;color:var(--option-color);height:2.5rem;width:2.5rem}.option-box,.select-prompt{align-items:center;display:flex;justify-content:center}.select-prompt{gap:1rem}.select-prompt>p{color:#ee5454;color:var(--invalid-color);font-style:normal;margin:0}.selected-box{background-color:#a729f5;background-color:var(--purple);color:#fff}.selected{border-color:#a729f5;border-color:var(--purple)}.correct-box{background-color:#26d782;background-color:var(--correct-color);color:#fff}.correct{border-color:#26d782;border-color:var(--correct-color)}.correct-icon{justify-self:end}.invalid-box{background-color:#ee5454;background-color:var(--invalid-color);color:#fff}.invalid{border-color:#ee5454;border-color:var(--invalid-color)}.invalid-icon{justify-self:end}.question-count{margin-top:0}.left-content{display:flex;flex-direction:column;justify-content:space-between}.start-menu>.left-content{gap:3rem;justify-content:flex-start}.visible{display:block}.score-container{align-items:center;background:#fff;background:var(--bg-col);border-radius:1.5rem;color:#313e51;color:var(--text-color);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:2rem;margin-top:2.5rem;padding:2rem}.score-container>p{margin:0}.scored{font-weight:500}.final-score,.score-out-of{font-style:normal}.final-score{font-size:clamp(5.5rem,4.268rem + 5.258vw,9rem);font-weight:500;text-align:center}@media (min-width:768px){button{font-size:1.75rem}article{padding:2.5rem 4rem}.question-screen,.quiz-complete{flex-direction:column}.row-top{margin-bottom:0}h1{width:29rem}}@media (min-width:1440px){body{align-items:center}.left-content{max-width:35rem}.visible{display:flex}.start-menu{gap:10rem;justify-content:space-between}.question-screen,.quiz-complete{flex-direction:row;gap:10rem}.choices{gap:1.5rem;height:28rem;width:35rem}}.error{color:red;font-size:larger;font-weight:600}.loader{animation:l7 2s steps(11) infinite;background:linear-gradient(90deg,#c02942 calc(50% + .5ch),#000 0) 100%/calc(200% + 1ch) 100%;-webkit-background-clip:text;background-clip:text;color:#0000;font-family:monospace;font-size:50px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:fit-content}.loader:before{content:"Loading..."}@keyframes l7{to{background-position:0}}
/*# sourceMappingURL=main.45a0a0be.css.map*/