#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.button{display:flex;padding:.5em;justify-content:center;align-items:center;border-radius:1em;background:#fff;box-shadow:0 .75em #d0d0d0;cursor:pointer;transition:all .5s;font-size:clamp(1rem,1.5vw,2.5rem);gap:1em}.button:hover{transform:translateY(.25em)}.button:active{transform:translateY(.5em)}@media (min-width: 576px){.button{padding:1em}}@media (min-width: 768px){.button{padding:1.5em}}.accents-container{position:fixed;width:100%;height:100%;z-index:-100000;pointer-events:none}.accents{position:relative;width:100%;height:100%}.accent-item{position:absolute;transform:scale(1.5)}.quiz-container{display:flex;flex-direction:column;gap:1em}.question{background-color:#fff;padding:1em;border-radius:.5em;font-size:clamp(1rem,1.5vw,2.5rem);text-align:center;transition:all 1s}.answer{width:100%;display:flex;background-color:#fff;border-radius:.5em;border:2px solid black;overflow:hidden}.answer input{border:none;flex:1;padding:1em;font-size:clamp(1rem,1.5vw,2.5rem);text-align:center}.answer input:focus-visible{outline:none}@keyframes blinkGreen{0%{background-color:#fff}50%{background-color:#43d343}to{background-color:#fff}}@keyframes blinkRed{0%{background-color:#fff;transform:translate(0)}25%{background-color:#e77f7f;transform:translate(-2px)}50%{transform:translate(2px)}75%{background-color:#e77f7f;transform:translate(-2px)}to{background-color:#fff;transform:translate(0)}}.right-answer{animation:blinkGreen 1s forwards}.wrong-answer{animation:blinkRed 1s forwards}*,:root,body{margin:0;padding:0;font-family:Lilita One,sans-serif;--max-screen-width: 650px}:root{--character-bg: #0ba7ff;--main-bg: #bffffb}body{height:100vh;width:100vw;background-color:var(--main-bg);overflow:hidden;overflow-y:auto}.character-holder{position:relative;max-width:var(--max-screen-width);max-height:calc(var(--max-screen-width) / 1.25)}.character{width:100%;position:absolute;top:0;left:0;border-radius:1em}.header{display:flex;justify-content:space-between;margin-bottom:2em;gap:1em}.App{display:flex;flex-direction:column;align-items:center;gap:2em}.main-quiz-buttons{display:flex;gap:1em;justify-content:center}.character-holder{height:72vw}.responsive-container{width:90vw;max-width:var(--max-screen-width)}@media (min-width: 768px){.character-holder{height:56vw}.responsive-container{width:70vw}}@media (min-width: 992px){.character-holder{height:40vw}.responsive-container{width:50vw}}