:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#293264;background-color:#f5f7fb;caret-color:transparent}*,*:before,*:after{box-sizing:border-box}button{cursor:pointer}html,body{height:100%;padding:0;margin:0}.top-right,.bottom-left{position:fixed;max-width:180px;z-index:-3}.top-right{top:0;right:0}.bottom-left{bottom:0;left:0}#root{margin:0;height:100%;display:grid;align-items:center;justify-items:center}main{height:100%}main.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center}main.welcome h1{margin:0}main.welcome p{font-size:2rem;margin:1rem}main.welcome button{font-size:1.3rem;margin-top:1.3em;padding:1em 3em;background-color:#4d5b9e;border:none;color:#fff;border-radius:1em}main.welcome button:hover{border:2px solid #a0affd}main.quiz{display:flex;flex-direction:column;justify-content:center;align-items:start;max-width:90%}main.quiz p{font-size:1.4em;font-weight:700}main.quiz hr{width:100%;border:1px solid #dbdef0}main.quiz>article{width:100%}main.quiz>article>section.answers{display:flex;justify-content:space-around;flex-wrap:wrap;gap:.3em}main.quiz>article>.answers>button.answer{border:1px solid #4d5b9e;background-color:#f5f7fb;border-radius:2em;color:#293264;font-weight:700;font-size:1em;padding:.7em 1.3em;margin-top:0;margin-bottom:.9em}main.quiz>article>.answers>button.answer.selected{background-color:#d6dbf5}main.quiz>.scoring{width:100%;display:flex;justify-content:space-between;align-items:center}main.quiz button{background-color:#4d5b9e;font-size:1.3rem;color:#f5f7fb;padding:1em 2em;margin:1.8em auto 0;border-radius:1em}main.quiz>article>.answers>button.answer.blend{opacity:.4}main.quiz>article>.answers>button.answer.selected.wrong{background-color:#f8bcbc}main.quiz>article>.answers>button.answer.selected.right,main.quiz>article>.answers>button.answer.right{background-color:#94d7a2;opacity:1}button:disabled{cursor:not-allowed;opacity:.4}footer{display:flex;justify-content:center;align-items:center}footer>a{text-decoration:none;margin:.5em;color:#293264;padding:1em}footer>a:hover{background-color:#00000080;padding:1em;border-radius:6px}