*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html,body{height:100%}html{scroll-behavior:smooth}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}a.nav-links{text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}img:not([alt]){filter:blur(10px)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-display:swap;font-family:Tan Moncheri;src:url(/assets/TAN-MONCHERI-C68eB931.woff2) format("woff2"),url(/assets/TAN-MONCHERI-B7uO1Zz-.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:Questrial;src:url(/assets/questrial-v18-latin-regular-CY6HRoTC.woff2) format("woff2");font-weight:400;font-style:normal}:root{--primary-clr-900: hsl(231 42% 28%);--primary-clr-400: hsl(220 43% 97%);--secondary-clr-500: hsl(230 61% 90%);--secondary-clr-400: hsl(230 34% 46%);--tertiary-clr-500: hsl(360 81% 85%);--tertiary-clr-400: hsl(133 46% 71%);--fs-400: clamp(.875rem, .8393rem + .1786vw, 1rem);--fs-450: clamp(.9844rem, .9228rem + .308vw, 1.2rem);--fs-500: clamp(1.4016rem, 1.2096rem + .96vw, 2.0736rem);--fs-600: clamp(1.5768rem, 1.3163rem + 1.3022vw, 2.4883rem);--fs-700: clamp(1.7739rem, 1.4276rem + 1.7316vw, 2.986rem);--fw-400: 400;--fw-500: 500;--fw-700: 700;accent-color:var(--primary-clr-900);--ff-heading: "Tan Moncheri";--ff-body: "Questrial"}body{font-family:var(--ff-body);background-color:hsl(var(--primary-clr-400));color:hsl(var(--primary-clr-900));line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1,h2{font-family:var(--ff-heading)}#root{width:100vw;height:100%;display:grid;place-content:center;transition:height .3s ease,backdrop-filter .5s ease}@media (width > 600px){#root{padding-inline:4%}}#root:has(.quizzes-wrapper),body:has(.quizzes-wrapper){height:auto}body{background-image:url(/assets/pattern-Msv6gR0D.svg);border-image:fill 1 linear-gradient(hsl(from var(--primary-clr-400) h s l/.2),hsl(from var(--secondary-clr-400) h s l/.5))}body:has(.react-tiny-popover-container),body:has(.quizzical:hover){border-image:fill 1 linear-gradient(hsl(from var(--primary-clr-400) h s l/.4),hsl(from var(--secondary-clr-400) h s l/.6))}body:has(.react-tiny-popover-container) .quizzical{border-radius:0 5rem;background-color:#ffffff4f;translate:0 -1.3rem}.quizzical{width:fit-content;margin:auto;display:grid;place-items:center;min-height:600px;padding:4rem;border:3px solid var(--secondary-clr-400);border-radius:1rem;-webkit-backdrop-filter:blur(1.3rem);backdrop-filter:blur(1.3rem);box-shadow:0 15px 20px hsl(from var(--primary-clr-900) h s l/.3);background-color:hsl(from var(--primary-clr-900) h s l/.3);transition:background .2s ease,border-radius .3s ease,translate .75s cubic-bezier(1,0,0,1),padding .2s ease}.quizzical:hover{translate:0 -2rem;border-radius:0 5rem;background-color:#ffffff4f}h1{font-size:var(--fs-700)}h2{font-size:var(--fs-450);text-align:center}.mode-selection-btn{cursor:pointer;background-color:transparent;border:none;padding-inline:1rem}.mode-selection-btn:nth-of-type(2){border-inline:2.5px solid var(--primary-clr-900)}.category-btn{border-right:transparent}.mode-selection-containers{padding-block:1rem;display:grid;grid-auto-flow:column;grid-auto-columns:min-content}.mode-selection-items{max-height:15rem;overflow-y:auto;border-radius:.25rem;background-color:var(--secondary-clr-500);box-shadow:0 10px 20px #0000001a}.mode-selection-item{padding:.5rem;display:flex;gap:.5rem;align-items:center;font-weight:var(--fw-400)}.mode-selection-item:is(:hover,:focus){background-color:var(--secondary-clr-400);color:var(--primary-clr-400);text-shadow:0 0 1px var(--primary-clr-400);transition:color .1s ease,background .2s ease}.quizzes-wrapper{--vertical-spacing: 2rem;max-width:1240px;margin:6.25rem auto;padding:min(5%,4rem);display:grid;border:3px solid var(--secondary-clr-400);border-radius:1rem;-webkit-backdrop-filter:blur(1.3rem);backdrop-filter:blur(1.3rem);box-shadow:0 15px 20px hsl(from var(--primary-clr-900) h s l/.3);background-color:#fff9;transition:background .2s ease,border-radius .3s ease,translate .75s cubic-bezier(1,0,0,1),padding .2s ease}.start-quiz-btn{font-weight:var(--fw-500);background-color:var(--secondary-clr-400);color:var(--primary-clr-400);padding:.75em 3em;border:none;border-radius:15px}.start-quiz-btn:hover{scale:1.05;box-shadow:0 0 1.5rem hsl(from var(--secondary-clr-400) h s l/.75);transition:scale .25s ease-in-out,box-shadow .3s ease-in-out}.score-section{padding:var(--vertical-spacing)}.message-txt{font-size:var(--fs-500);font-weight:var(--fw-700)}.score-checker_btn{font-size:var(--fs-450);max-width:18rem;padding:.75em 3em;border:none;border-radius:15px;color:var(--primary-clr-400);background-color:var(--secondary-clr-400)}.quiz{border-bottom:2px solid #ffffff;padding-block:min(4%,var(--vertical-spacing));padding-inline:min(3%,var(--vertical-spacing))}.quiz-question{line-height:1.1875;font-weight:var(--fw-700);font-size:var(--fs-500);margin-bottom:min(4%,var(--vertical-spacing) - .5rem)}.quiz-answers{display:flex;flex-wrap:wrap;gap:1rem 2rem}.quiz-answer{padding:.5em 1em;min-width:8.125rem;border-radius:8px;letter-spacing:1px;color:var(--secondary-clr-400);background-color:inherit;border:1px solid var(--secondary-clr-400);transition:border-color .25s ease,-webkit-text-stroke .25s ease,background-color .25s ease}.quiz-answer.active{background-color:var(--secondary-clr-500);border-color:var(--secondary-clr-500);-webkit-text-stroke:1px var(--secondary-clr-400);text-stroke:1px var(--secondary-clr-400)}.quiz-answer.correct{background-color:var(--tertiary-clr-400);border-color:var(--tertiary-clr-400)}.quiz-answer.incorrect{background-color:var(--tertiary-clr-500);border-color:var(--tertiary-clr-500)}#root:has(.spinner-wrapper){-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.spinner-wrapper{display:grid;place-items:center;gap:1rem}.spinner-text{font-size:var(--fs-450);font-family:var(--ff-heading);animation:opacity 2s infinite alternate;transition:opacity .3s ease}@keyframes opacity{to{opacity:0}}.spinner{--b: 8px;width:50px;aspect-ratio:1;border-radius:50%;background-color:var(--primary-clr-900);-webkit-mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg 70deg,rgba(0,0,0,0) 71deg 90deg),radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg 70deg,rgba(0,0,0,0) 71deg 90deg),radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));-webkit-mask-composite:destination-in;mask-composite:intersect;animation:spin 1s infinite}@keyframes spin{to{transform:rotate(.5turn)}}.toaster-section li{padding:1rem}.bold{font-weight:var(--fw-700)}