:root{--color-primary-100: #f5f7fb;--color-primary-200: #d6dbf5;--color-primary-400: #4d5b9e;--color-primary-700: #293264;--color-accent-400: #fffad1;--color-green-400: #94d7a2;--color-red-400: #f8bcbc;--text-color: var(--color-primary-700);--bg-color: var(--color-primary-100);--ff-heading: Karla, sans-serif;--ff-subheading: Karla, sans-serif;--ff-text: Inter, sans-serif;--fs-chip-text: .625rem;--fs-text: 1rem;--fs-heading: 2rem;--fw-heading: 700;--fw-subheading: 700;--fw-button: 500;--fw-chip: 500;--fw-text: 400}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--ff-text);color:var(--text-color)}body{background-color:var(--bg-color);padding:1rem;height:100vh}#root{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-family:var(--ff-heading)}h2{font-family:var(--ff-subheading)}button{cursor:pointer;border:none}@media (max-width: 768px){:root{--fs-chip-text: .6rem;--fs-text: .825rem;--fs-heading: 1.5rem}}@media (max-width: 480px){:root{--fs-chip-text: .5rem;--fs-text: .75rem;--fs-heading: 1rem}}h1.display-heading{text-align:center;font-size:var(--fs-heading);margin-bottom:.5rem}p.game-description{font-size:var(--fs-text);font-weight:var(--fw-text);text-align:center;margin-bottom:2rem}button{color:#fff;font-size:var(--fs-button-text);font-weight:var(--fw-button);background-color:var(--color-primary-400);border-radius:1rem;padding:1em 2em;transition:.1s}button.start-game-btn{display:block;margin:0 auto}button:hover{background-color:var(--color-primary-700)}h2.question{font-size:var(--fs-heading);color:var(--text-color);font-weight:var(--fw-subheading);margin-bottom:.825rem}hr{margin-block:1rem;border:.75px solid #dbdef0}.options{display:flex;flex-wrap:wrap;gap:.75rem}input[type=radio]{opacity:0;position:absolute}input[type=radio]+label{padding:.25rem 1rem;font-size:var(--fs-text);outline:.8px solid #4d5b9e;border-radius:.5rem}input[type=radio]:checked+label{padding:.25rem 1rem;outline:none;background-color:#d6dbf5;border-radius:.5rem}@media (max-width: 480px){.options{gap:.5rem}}.bottom-section{display:flex;align-items:center;justify-content:center;gap:1.25rem}.bottom-section span{font-size:var(--fs-text);font-weight:var(--fw-subheadig)}main{width:clamp(150px,90%,1024px)}.blue-blob{position:fixed;bottom:0;left:0;z-index:-1}.yellow-blob{position:fixed;top:0;right:0;z-index:-1}