@font-face{font-family:Rubik;src:local("Rubik Light"),url(/assets/Rubik-Light-BR0mG8jj.woff2) format("woff2"),url(/assets/Rubik-Light-CAAfsYSX.woff) format("woff");font-weight:300}@font-face{font-family:Rubik;src:local("Rubik Regular"),url(/assets/Rubik-Regular-Vv_uu6tF.woff2) format("woff2"),url(/assets/Rubik-Regular-D3JjYXnD.woff) format("woff");font-weight:400}@font-face{font-family:Rubik;src:local("Rubik Italic"),url(/assets/Rubik-Italic-grQFNRvq.woff2) format("woff2"),url(/assets/Rubik-Italic-BEPlxKHM.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Rubik;src:local("Rubik Medium"),url(/assets/Rubik-Medium-ClwgJCEl.woff2) format("woff2"),url(/assets/Rubik-Medium-C4YZd7Iv.woff) format("woff");font-weight:500}@font-face{font-family:Rubik;src:local("Rubik Bold"),url(/assets/Rubik-Bold-Deau6u3k.woff2) format("woff2"),url(/assets/Rubik-Bold-D7as0_Pi.woff) format("woff");font-weight:700}html,body{height:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--clr-primary-1)}ul{padding:0}.heading-xl{font-family:Rubik,sans-serif;font-size:9rem;font-style:normal;font-weight:500;line-height:100%}@media (max-width: 37.5em){.heading-xl{font-size:5.5rem}}.heading-l{font-family:Rubik,sans-serif;font-size:4rem;font-style:normal;font-weight:500;line-height:100%}@media (max-width: 37.5em){.heading-l{font-size:2.5rem}}.heading-m{font-family:Rubik,sans-serif;font-size:4rem;font-style:normal;font-weight:300;line-height:100%}@media (max-width: 37.5em){.heading-m{font-size:2.5rem}}.heading-s{font-family:Rubik,sans-serif;font-size:2.25rem;font-style:normal;font-weight:500;line-height:120%}@media (max-width: 37.5em){.heading-s{font-size:1.25rem}}.heading-xs{font-family:Rubik,sans-serif;font-size:1.75rem;font-style:normal;font-weight:500;line-height:100%}@media (max-width: 56.25em){.heading-xs{font-size:1.75rem}}@media (max-width: 37.5em){.heading-xs{font-size:1.125rem}}p{font-size:1.5rem;font-style:normal;font-weight:400;line-height:150%;color:var(--clr-primary-2)}@media (max-width: 56.25em){p{font-size:1.125rem}}@media (max-width: 37.5em){p{font-size:.875rem}}.body-s{font-size:1.25rem;font-style:italic;font-weight:400;line-height:150%;color:var(--clr-primary-2)}@media (max-width: 56.25em){.body-s{font-size:1.125rem}}@media (max-width: 37.5em){.body-s{font-size:.875rem}}body{font-family:Rubik,sans-serif;background-color:var(--clr-background-1);background-image:var(--theme-desk);background-repeat:no-repeat;transition:background-color 1.5s ease}body.light{--clr-primary-1: hsl(216, 25%, 25%, 1);--clr-primary-2: hsl(219, 13%, 44%, 1);--clr-background-1: hsl(220, 38%, 97%, 1);--clr-background-2: hsl(0, 0%, 100%, 1);--theme-desk: 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");transition:1.5s ease}@media (max-width: 56.25em){body.light{--theme-desk: 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")}}@media (max-width: 37.5em){body.light{--theme-desk: 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")}}body.light button{--box-shadow: 0px 16px 40px 0px rgba(143, 160, 193, .14)}body.dark{--clr-primary-1: hsl(0, 0%, 100%);--clr-primary-2: hsl(216, 47%, 78%, 1);--clr-background-1: hsl(216, 25%, 25%, 1);--clr-background-2: hsl(216, 27%, 32%, 1);--theme-desk: 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");transition:1.5s ease}@media (max-width: 56.25em){body.dark{--theme-desk: 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")}}@media (max-width: 37.5em){body.dark{--theme-desk: 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")}}body.dark button{--box-shadow: 0px 16px 40px 0px rgba(49, 62, 81, .14)}button{box-shadow:var(--box-shadow);cursor:pointer;transition:.2s ease}#root{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:1.5rem}@media (max-width: 65em){#root{height:auto}}@media (max-width: 56.25em){#root{padding:2.5rem 4rem 3.5rem}}@media (max-width: 37.5em){#root{padding:1rem 1.5rem}}.main-container{width:100%;height:auto;max-width:72.3125rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5rem}@media (max-width: 56.25em){.main-container{max-width:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3rem}}@media (max-width: 56.25em) and (max-width: 37.5em){.main-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem}}.main-wrapper{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}@media (max-width: 56.25em){.main-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4rem}}@media (max-width: 37.5em){.main-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2.5rem}}.first-section{width:100%;height:auto;max-width:29.0625rem;animation:slideInLeft .5s ease forwards;opacity:0}@media (max-width: 56.25em){.first-section{max-width:none}}.second-section{width:100%;height:auto;max-width:35.25rem;animation:slideInRight .5s ease forwards;animation-delay:.5s;opacity:0}@media (max-width: 56.25em){.second-section{max-width:none}}.html-background{background:var(--clr-icon-background-1)}.css-background{background:var(--clr-icon-background-2)}.js-background{background:var(--clr-icon-background-3)}.quiz-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.5rem}@media (max-width: 37.5em){.quiz-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.75rem}}.quiz-button{width:100%;height:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2rem;padding:1rem 1.25rem;background:var(--clr-background-2);border-radius:1.5rem;border:3px solid var(--clr-background-2)}.quiz-button:hover .option,.quiz-button :focus-visible .option{background:var(--clr-icon-background-4)}.quiz-button:hover .option h1,.quiz-button :focus-visible .option h1{color:var(--clr-neutral-1)}@media (max-width: 56.25em){.quiz-button{padding:.75rem}}@media (max-width: 37.5em){.quiz-button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;border-radius:.75rem}}.quiz-button[disabled]:not(.correct):not(.not-correct):hover .option,.quiz-button[disabled]:not(.correct):not(.not-correct):focus-visible .option{background:var(--clr-grey)}.quiz-button[disabled]:not(.correct):not(.not-correct):hover .option h1,.quiz-button[disabled]:not(.correct):not(.not-correct):focus-visible .option h1{color:var(--clr-grey-navy)}.active{border:3px solid var(--clr-neutral-1)}.active .option{background:var(--clr-neutral-1)}.active .option h1{color:var(--clr-background-2)}.active:hover .option,.active :focus-visible .option{background:var(--clr-neutral-1)}.active:hover .option h1,.active :focus-visible .option h1{color:var(--clr-background-2)}.correct{border:3px solid var(--clr-neutral-2);justify-content:space-between}.correct .option{background:var(--clr-neutral-2)}.correct .option h1{color:var(--clr-background-2)}.correct .correct-icon{display:block}.correct:hover .option,.correct :focus-visible .option{background:var(--clr-neutral-2)}.correct:hover .option h1,.correct :focus-visible .option h1{color:var(--clr-background-2)}.not-correct{border:3px solid var(--clr-neutral-3);justify-content:space-between}.not-correct .option{background:var(--clr-neutral-3)}.not-correct .option h1{color:var(--clr-background-2)}.not-correct .not-correct-icon{display:block}.not-correct:hover .option,.not-correct :focus-visible .option{background:var(--clr-neutral-3)}.not-correct:hover .option h1,.not-correct :focus-visible .option h1{color:var(--clr-background-2)}.show-correct-answer{justify-content:space-between}.show-correct-answer .correct-icon{display:block}.correct-icon,.not-correct-icon{display:none}.submit-btn{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2rem;margin-top:2rem;border-radius:1.5rem;background:var(--clr-neutral-1);border:transparent}.submit-btn:hover,.submit-btn :focus-visible{background:var(--clr-neutral-1);opacity:.5}@media (max-width: 37.5em){.submit-btn{padding:1.19rem;border-radius:.75rem;margin-top:.75rem}}.submit-btn h1{color:hsl(var(--clr-white))}.header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;margin-bottom:3rem}@media (max-width: 37.5em){.header{margin-bottom:1rem}}.quiz-logo-wrapper{width:3.5rem;height:3.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;border-radius:.7rem}@media (max-width: 37.5em){.quiz-logo-wrapper{width:2.5rem;height:2.5rem}}.quiz-logo{width:2.5rem;height:2.5rem}@media (max-width: 37.5em){.quiz-logo{width:1.78569rem;height:1.78569rem}}.question-section h1{margin-top:1.69rem}@media (max-width: 37.5em){.question-section h1{margin-top:.75rem}}.range-wrapper{margin-top:10rem;width:100%;height:1rem;background:var(--clr-background-2);border-radius:1rem;padding:.25rem}@media (max-width: 56.25em){.range-wrapper{margin-top:2.5rem}}@media (max-width: 37.5em){.range-wrapper{margin-top:1.5rem}}.range-progress{background:var(--clr-neutral-1);height:.5rem;border-radius:.5rem}.options-section{position:relative}.option-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2rem;text-align:start}@media (max-width: 37.5em){.option-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}}.option{min-width:3.5rem;height:3.5rem;border-radius:.7rem;background-color:var(--clr-grey);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:.2s ease}@media (max-width: 37.5em){.option{min-width:2.5rem;height:2.5rem}}.option h1{color:var(--clr-grey-navy)}.error-message{width:100%;height:auto;margin-top:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 37.5em){.error-message{margin-top:1.19rem}}.error-message p{color:var(--clr-neutral-3)}.results-summary{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0}.results-main-wrapper{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2.5rem;padding:3rem;background:var(--clr-background-2);border-radius:1.5rem;box-shadow:0 16px 40px #8fa0c124}@media (max-width: 37.5em){.results-main-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:2rem}}.current-quiz{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}@media (max-width: 37.5em){.current-quiz{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}}.results-score{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-1000px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(1000px)}to{opacity:1;transform:translate(0)}}:root{--clr-neutral-1: hsl(277, 91%, 56%, 1);--clr-neutral-2: hsl(151, 70%, 50%, 1);--clr-neutral-3: hsl(0, 82%, 63%, 1);--clr-white: 0, 0%, 100%;--clr-grey: hsl(220, 38%, 97%, 1);--clr-grey-navy: hsl(219, 13%, 44%, 1);--clr-icon-background-1: hsl(22, 100%, 96%, 1);--clr-icon-background-2: hsl(151, 87%, 94%, 1);--clr-icon-background-3: hsl(223, 100%, 96%, 1);--clr-icon-background-4: hsl(277, 100%, 95%, 1)}.header-wrapper{width:100%;height:auto;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0;animation:slideIn .4s ease forwards;animation-delay:1.2s;opacity:0}.header-quiz-active{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}.toggle-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}@media (max-width: 37.5em){.toggle-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}}.icon-sun-wrapper,.icon-moon-wrapper{width:1.5rem;height:1.5rem}@media (max-width: 37.5em){.icon-sun-wrapper,.icon-moon-wrapper{width:1rem;height:1rem}}.toggle-btn{position:relative;width:3rem;height:1.75rem;background:var(--clr-neutral-1);border-radius:1rem;border:none;transition:.3s ease;cursor:pointer}.toggle-btn:after{content:"";position:absolute;top:50%;right:50%;bottom:auto;left:auto;width:1.25rem;height:1.25rem;background-color:hsl(var(--clr-white));border-radius:50%;transform:translate(10%,-50%);transition:.3s ease}@media (max-width: 37.5em){.toggle-btn:after{width:.75rem;height:.75rem}}@media (max-width: 37.5em){.toggle-btn{width:2rem;height:1.25rem}}.toggle-active:after{transform:translate(90%,-50%)}