*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--s-100: .5rem ;--s-200: 1rem ;--s-250: 1.25rem ;--s-300: 1.5rem ;--s-350: 1.75rem ;--s-400: 2rem ;--s-500: 2.5rem ;--s-600: 3rem ;--s-700: 3.5rem ;--s-800: 4rem ;--s-900: 4.5rem ;--s-1600: 8rem ;--s-1800: 9rem ;--s-2300: 11.5rem ;--colors-black: rgba(0, 0, 0, 1);--colors-white: rgba(255, 255, 255, 1);--colors-grey-50: rgba(244, 246, 250, 1);--colors-grey-500: rgba(98, 108, 127, 1);--colors-blue-50: rgba(235, 240, 255, 1);--colors-blue-100: rgba(237, 241, 249, 1);--colors-blue-500: rgba(48, 106, 255, 1);--colors-green-100: rgba(224, 253, 239, 1);--colors-green-500: rgba(47, 216, 135, 1);--colors-purple-100: rgba(246, 231, 255, 1);--colors-purple-600: rgba(167, 41, 245, 1);--colors-orange-50: rgba(255, 245, 237, 1);--colors-orange-400: rgba(255, 126, 53, 1);--colors-red-500: rgba(238, 84, 84, 1);--colors-blue-300: rgba(171, 193, 225, 1);--colors-blue-900: rgba(49, 62, 81, 1);--colors-blue-950: rgba(45, 57, 73, 1);--colors-blue-850: rgba(59, 77, 102, 1);--radii-12: .75rem ;--radii-24: 1.5rem }:root{--icon-js: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543150/icon-js_rlfoh7.svg);--icon-html: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543149/icon-html_rziwjf.svg);--icon-css: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543148/icon-css_rdukzc.svg);--icon-accessibility: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543150/icon-accessibility_kqars2.svg);--icon-correct: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543147/icon-correct_i8bom0.svg);--icon-incorrect: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543150/icon-incorrect_boum3l.svg);--icon-error: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543156/icon-error_h1bedb.svg);--icon-favicon: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543148/favicon-32x32_ujw8qc.png)}:root[data-theme=light]{--bg-mobile: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543168/pattern-background-mobile-light_yz6uk4.svg);--bg-tablet: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543169/pattern-background-tablet-light_wianrr.svg);--bg-desktop: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543158/pattern-background-desktop-light_gyhu1r.svg);--icon-sun: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543153/icon-sun-dark_jnpnua.svg);--icon-moon: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543151/icon-moon-dark_slgixl.svg);--background-color: var(--colors-grey-50);--secondary-bg-color: var(--colors-white);--text-color: var(--colors-blue-900);--text-color-small: var(--colors-grey-500);--bg-btn-primary: var(--colors-white);--text-btn-primary: var(--colors-blue-900);--color-shadow: var(--colors-blue-100);--text-color-error: var(--colors-red-500)}:root[data-theme=dark]{--background-color: var(--colors-blue-900);--secondary-bg-color: var(--colors-blue-850);--bg-btn-primary: var(--colors-blue-850);--text-btn-primary: var(--colors-white);--text-color: var(--colors-white);--text-color-small: var(--colors-blue-300);--color-shadow: var(--colors-blue-950);--text-color-error: var(--colors-white);--bg-mobile: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543168/pattern-background-mobile-dark_d7dhmo.svg);--bg-tablet: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543169/pattern-background-tablet-dark_z7etk3.svg);--bg-desktop: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543158/pattern-background-desktop-dark_qdhkmk.svg);--icon-sun: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543156/icon-sun-light_x6vyyk.svg);--icon-moon: url(https://res.cloudinary.com/dprhoefkg/image/upload/v1762543149/icon-moon-light_bnsw55.svg)}:root{--text-10: 9rem ;--text-9: 5.5rem ;--text-8: 4rem ;--text-7: 2.5rem ;--text-6: 2.25rem ;--text-5: 1.75rem ;--text-4: 1.5rem ;--text-3: 1.25rem ;--text-2: 1.125rem ;--text-1: .875rem ;--line-height-1: 1;--line-height-2: 1.2;--line-height-3: 1.5}@font-face{font-family:Rubik;src:url(./Rubik-VariableFont_wght.DAFAXoY0.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(./Rubik-Italic-VariableFont_wght.DOUMhBfb.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}body{background-color:var(--background-color)}.outline:focus{outline:none}.outline:focus-visible,.outline:hover{outline:.15rem solid var(--colors-purple-600)}.outline-offset{outline-offset:.15rem}.toggle-theme.svelte-h5wmat{display:flex;flex-direction:row;align-items:flex-start;gap:var(--s-200);padding:var(--s-250) 0}.icon.svelte-h5wmat{width:2rem;height:2rem;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none;cursor:pointer}.sun.svelte-h5wmat{background-image:var(--icon-sun)}.moon.svelte-h5wmat{background-image:var(--icon-moon)}.switch.svelte-h5wmat{--switch-width: var(--s-600);--switch-height: var(--s-200);--switch-bg: var(--colors-purple-600);--switch-thumb-size: var(--s-250);position:relative;display:inline-block;width:var(--switch-width);height:var(--switch-height)}.switch.svelte-h5wmat input:where(.svelte-h5wmat){opacity:0;width:0;height:0}span.slider.svelte-h5wmat{position:absolute;cursor:pointer;inset:0;background-color:var(--switch-bg);border-radius:var(--switch-height);transition:background-color .3s;padding-block:.9rem;padding-inline:.3rem}.switch.svelte-h5wmat .slider:where(.svelte-h5wmat):before{content:"";position:absolute;height:var(--switch-thumb-size);width:var(--switch-thumb-size);bottom:.27rem;background-color:#fff;border-radius:50%;transition:transform .3s}.switch.svelte-h5wmat input:where(.svelte-h5wmat):checked+.slider:where(.svelte-h5wmat):before{transform:translate(calc(var(--switch-width) - var(--switch-thumb-size) - .6rem))}body{height:100vh;margin:0;background-color:var(--background-color);color:var(--text-color);background-image:var(--bg-mobile);background-repeat:no-repeat;background-size:cover;font-family:Rubik}main{padding:0 var(--s-300) 0}header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.topic{display:flex;flex-direction:row;gap:var(--s-200);align-items:center;padding:0}small{color:var(--text-color-small);font-size:var(--text-1);line-height:var(--line-height-3);font-style:oblique}.answer,.subjects,.choices{display:flex;flex-direction:column;gap:var(--s-200)}.subject,.choice{border:none;border-radius:var(--radii-12);background-color:var(--bg-btn-primary);color:var(--text-color);padding:var(--s-200);box-shadow:0 .3rem .3rem .3rem var(--color-shadow);cursor:pointer;font-family:Rubik;font-size:var(--text-2);font-weight:500;line-height:var(--line-height-2);color:var(--text-btn-primary);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--s-200);text-decoration:none}.choice.selected{outline:.15rem solid var(--colors-purple-600)}.choice:hover span,.choice.selected span{background-color:var(--colors-purple-600);color:var(--colors-white)}.choice.correct{outline:.15rem solid var(--colors-green-500)}.choice.correct span{background-color:var(--colors-green-500);color:var(--colors-white)}.choice.incorrect{outline:.15rem solid var(--colors-red-500)}.choice.incorrect span{background-color:var(--colors-red-500);color:var(--colors-white)}.subject span,.choice span,.topic span{min-width:var(--s-500);min-height:var(--s-500);border-radius:.5rem}.topic{font-family:Rubik;font-size:var(--text-2);font-weight:500;line-height:var(--line-height-1);color:var(--text-btn-primary)}.html span,.css span,.javascript span,.accessibility span,.choice span{background-size:var(--s-350);background-repeat:no-repeat;background-position:center}.html span{background-image:var(--icon-html);background-color:var(--colors-orange-50)}.css span{background-image:var(--icon-css);background-color:var(--colors-green-100)}.javascript span{background-image:var(--icon-js);background-color:var(--colors-blue-50)}.accessibility span{background-image:var(--icon-accessibility);background-color:var(--colors-purple-100)}@media(min-width:48rem){.subjects,.choices{gap:var(--s-300)}.subject,.choice,.topic{font-size:var(--text-5)}.html span,.css span,.javascript span,.accessibility span,.choice span{min-width:var(--s-700);min-height:var(--s-700);background-size:var(--s-500)}body{background-image:var(--bg-tablet)}main{padding:var(--s-400) var(--s-800) 0}header{padding-inline:0}.topic{gap:var(--s-300)}}@media(min-width:64.1rem){.subjects,.choices{gap:var(--s-300)}.subject,.choice{padding:var(--s-300);font-size:var(--text-4)}body{background-image:var(--bg-desktop);background-size:cover;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--s-800);padding:0;min-width:65.55rem;max-width:70rem;padding-block-end:var(--s-800)}header{margin-block-start:var(--s-900)}}