.results{display:flex;flex-direction:column;row-gap:1rem;margin-block-end:7rem}.dots{background-color:#16074ebb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 6px var(--text-color);border:2px solid var(--text-color);border-radius:1rem;padding:.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;position:fixed;bottom:65px;left:0;right:0;z-index:1;width:min(100%,500px);margin-inline:auto}.dots .dot{display:grid;place-items:center;width:1.7rem;aspect-ratio:1;border-radius:50%;text-decoration:none;color:#fff}.dots .dot.correct{background-color:var(--correct-color)}.dots .dot.incorrect{background-color:var(--incorrect-color)}.score{text-align:center;display:flex;flex-direction:column;align-items:center;row-gap:1rem}.score h2{font-size:2.2rem}.score .score-circles{display:flex;column-gap:1rem}.score .score-circles div{background-color:var(--info-color);border-radius:50%;width:5rem;aspect-ratio:1;display:grid;place-items:center;font-size:1.25rem;font-weight:700}.final-view{margin-block-end:1rem}.answer{background-color:var(--option-color);border-radius:16px;padding:1rem;display:flex;align-items:center;column-gap:1rem;font-size:1.1rem}.answer.correct{background-color:var(--correct-color)}.answer.incorrect{background-color:var(--incorrect-color);animation:vibrate .3s ease-in-out}.answer.cursor{cursor:pointer}.answer input{accent-color:var(--secondary-color)}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.answers{display:flex;flex-direction:column;row-gap:1rem}.buttons{display:flex;column-gap:1rem}.info{display:flex;flex-direction:column;row-gap:.5rem;background-color:var(--info-color);padding:1rem;border-radius:16px;opacity:1;interpolate-size:allow-keywords;height:max-content;overflow:clip;transition:opacity .3s,height .3s}@starting-style{.info{opacity:0;height:0}}.info h3{display:flex;align-items:center;column-gap:.5rem}.info p{width:100%}.info code,.info pre{background-color:var(--option-color);border-radius:4px}.info code{padding:.125rem .25rem}.info pre{padding:10px;overflow-x:auto}.quiz{background-color:var(--primary-color);border-radius:16px;padding:2rem 1.5rem;box-shadow:2px 2px 3px var(--secondary-color);display:flex;flex-direction:column;row-gap:1rem;position:relative}.quiz .badge{position:absolute;top:.75rem;right:1.5rem;background-color:var(--secondary-color);padding:.3rem .6rem;border-radius:16px}.quiz .question-title{padding-inline-end:70px}@scope (footer){:scope{text-align:center;padding:1rem}:scope p,:scope a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}:scope a{text-decoration:none;font-weight:700}:scope a:hover{text-decoration:underline}:scope img{width:2rem;border-radius:50%}}:root{--primary-color: #16074e;--secondary-color: #462a8c;--option-color: #434343;--correct-color: #007500;--incorrect-color: #750019;--info-color: #5e458e;--text-color: #efeeee;color-scheme:light dark}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100dvh;color:var(--text-color);background:radial-gradient(125% 125% at 50% 10%,#121212 40%,var(--secondary-color) 100%)}#root{min-height:100dvh;display:grid;grid-template-rows:max-content 1fr max-content}.container{width:min(700px,100%);margin-inline:auto;padding-inline:1rem}h1{text-align:center;margin-block:2rem;font-size:clamp(2.5rem,calc(2rem + 1.333vw),3rem);text-shadow:2px 2px 3px var(--info-color);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}h1 .img{width:5rem;height:5rem;border-radius:50%;background-color:var(--text-color);padding:.5rem;box-shadow:2px 2px 3px var(--info-color)}h1 .img img{width:100%}h2{text-wrap:balance}p{text-wrap:pretty;line-height:1.5}button{border-radius:16px;border:none;background-color:var(--secondary-color);font:inherit;padding:1rem 2rem;color:var(--text-color);cursor:pointer;transition:filter .3s,scale .3s}button.disabled{opacity:.5;filter:grayscale(.8)}button:hover{filter:brightness(1.15)}button:active{scale:.9}