@font-face{font-family:Rubik;src:url(/FM-Frontend-Quiz-App/assets/Rubik-VariableFont_wght-DAFAXoY0.ttf)}@font-face{font-family:Rubik-Italic;src:url(/FM-Frontend-Quiz-App/assets/Rubik-Italic-VariableFont_wght-DOUMhBfb.ttf)}:root{font-family:Rubik,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spg-100: .5rem;--spg-200: 1rem;--spg-300: 1.5rem;--spg-400: 2rem;--spg-500: 2.5rem;--spg-600: 3rem;--spg-800: 4rem;--spg-1600: 8rem;--spg-1800: 9rem;--spg-2300: 11.5rem;--clr-white: #ffffff;--clr-black: #000000;--clr-grey-500: #626c7f;--clr-grey-50: #f4f6fa;--clr-blue-950: #2d3949;--clr-blue-900: #313e51;--clr-blue-850: #3b4d66;--clr-blue-500: #306aff;--clr-blue-300: #abc1e1;--clr-blue-100: #edf1f9;--clr-blue-50: #ebf0ff;--clr-green-500: #2fd887;--clr-green-100: #e0fdef;--clr-purple-600: #a729f5;--clr-purple-100: #f6e7ff;--clr-orange-400: #ff7e35;--clr-orange-50: #fff5ed;--clr-red-500: #ee5454;--txt-mbl-1: 5.5rem;--txt-mbl-2: 2.5rem;--txt-mbl-3: 1.25rem;--txt-mbl-4: 1.125rem;--txt-mbl-5: .875rem;--txt-1: 9rem;--txt-2: 4rem;--txt-3: 2.25rem;--txt-4: 1.75rem;--txt-5: 1.5rem;--txt-6: 1.25rem;--font-md: clamp(var(--txt-mbl-4), .6786rem + 2.2321vw, var(--txt-4));--light-bg-mbl: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='812'%20fill='none'%20viewBox='0%200%20375%20812'%3e%3ccircle%20cx='-113.5'%20cy='323.5'%20r='416.5'%20stroke='%23EDF1F9'%20stroke-width='144'/%3e%3c/svg%3e");--dark-bg-mbl: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='812'%20fill='none'%20viewBox='0%200%20375%20812'%3e%3ccircle%20cx='-113.5'%20cy='323.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e");--light-bg-tab: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='438'%20height='531'%20fill='none'%20viewBox='0%200%20438%20531'%3e%3ccircle%20cx='-50.5'%20cy='42.5'%20r='416.5'%20stroke='%23EDF1F9'%20stroke-width='144'/%3e%3c/svg%3e");--dark-bg-tab: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='438'%20height='531'%20fill='none'%20viewBox='0%200%20438%20531'%3e%3ccircle%20cx='-50.5'%20cy='42.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e");--light-bg-dsk: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='960'%20fill='none'%20viewBox='0%200%201440%20960'%3e%3cg%20stroke='%23edf1f9'%20stroke-width='144'%3e%3ccircle%20cx='-50.5'%20cy='75.5'%20r='416.5'/%3e%3ccircle%20cx='1388.5'%20cy='840.5'%20r='416.5'/%3e%3c/g%3e%3c/svg%3e");--dark-bg-dsk: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='960'%20fill='none'%20viewBox='0%200%201440%20960'%3e%3ccircle%20cx='-50.5'%20cy='75.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3ccircle%20cx='1388.5'%20cy='840.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e");color-scheme:light}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:22rem;min-height:100vh;background-color:light-dark(var(--clr-grey-50),var(--clr-blue-900));background-image:var(--bg-img, var(--light-bg-mbl));background-repeat:no-repeat}:root:has(body.dark){color-scheme:dark;--bg-img: var(--dark-bg-mbl)}h1,h2,p{margin:0;padding:0}h1{font-size:clamp(var(--txt-mbl-2),1.4286rem + 5.3571vw,var(--txt-2));text-align:left;line-height:1;font-weight:500;display:flex;flex-direction:column;gap:var(--spg-100);color:light-dark(var(--clr-blue-900),var(--clr-white))}h1 span:first-child{font-weight:300}h2{font-weight:400;line-height:1.5;color:light-dark(var(--clr-grey-500),var(--clr-blue-300));font-size:clamp(var(--txt-mbl-5),.6071rem + 1.3393vw,var(--txt-6));text-align:left}button{border-radius:.75rem;border:1px solid transparent;padding:var(--spg-200);font-size:var(--font-md);font-weight:500;font-family:inherit;background:var(--clr-purple-600);color:var(--clr-white);cursor:pointer;transition:border-color .25s;display:flex;justify-content:center;align-items:center;width:100%}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.italics{font-family:Rubik-Italic;font-weight:400}.flow>*+*{margin-block-start:var(--flow-space, var(--spg-200))}.row{display:flex;justify-content:var(--hr-space, space-between);align-items:center}@media (min-width: 50rem){body{background-image:var(--bg-img, var(--light-bg-tab))}:root:has(.dark){color-scheme:dark;--bg-img: var(--dark-bg-tab)}button{--flow-space: var(--spg-400)}}@media (min-width: 80rem){body{background-image:var(--bg-img, var(--light-bg-dsk));background-size:cover}:root:has(.dark){color-scheme:dark;--bg-img: var(--dark-bg-dsk)}}#root{padding-inline:var(--spg-300);min-height:100vh;min-height:100svh;margin-inline:auto;display:grid;grid-template-rows:max-content 1fr;gap:var(--spg-600)}.container{display:grid;gap:var(--spg-500)}@media (min-width: 50rem){#root{max-width:48rem;gap:clamp(var(--spg-600),1.2143rem + 8.9286vw,5.5rem)}}@media (min-width: 80rem){#root{max-width:72rem}.container{grid-template-columns:1fr 1.2fr;gap:clamp(var(--spg-800),-5.25rem + 22.5vw,var(--spg-1600))}}.results{background:light-dark(var(--clr-white),var(--clr-blue-850));padding:var(--spg-400);box-shadow:0 16px 40px #8fa0c124;border-radius:.75rem}.results .row{--hr-space: center;gap:1rem;font-size:var(--font-md)}.quiz-score{text-align:center;color:light-dark(var(--clr-blue-900),var(--clr-white));font-size:clamp(var(--txt-mbl-1),3rem + 12.5vw,var(--txt-1))}.quiz-length{text-align:center;color:light-dark(var(--clr-grey-500),var(--clr-blue-300));font-size:clamp(var(--txt-mbl-4),.8571rem + 1.3393vw,var(--txt-5))}.switch{display:flex;align-items:baseline;gap:var(--spg-100)}.switch img{width:1rem;height:1rem}input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;margin:0;height:1.25rem;width:2rem;padding:.25rem;border-radius:62.4rem;background-color:var(--clr-purple-600);position:relative;transition:all .4s}input[type=checkbox]:before{width:.75rem;height:.75rem;border-radius:50%;background-color:#fff;content:"";position:absolute;left:.25rem;transition:all .4s}input[type=checkbox]:checked:before{left:50%;transition:all .4s}@media (min-width: 48rem){.switch{gap:var(--spg-200)}.switch img{width:1.5rem;height:1.5rem}input[type=checkbox]{width:3rem;height:1.75rem}input[type=checkbox]:before{width:1.25rem;height:1.25rem}}header{display:flex;margin-block-start:clamp(var(--spg-200),-.9231rem + 9.6154vw,6rem)}.quiz-title{display:flex;align-items:center;gap:clamp(var(--spg-200),.6429rem + 1.7857vw,var(--spg-300))}.quiz-title p{font-size:var(--font-md);font-weight:500;color:light-dark(var(--clr-blue-900),var(--clr-white))}