html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#root,body,html{height:100%}:root{--background-color:#1a535c;--text-color:#f7fff7;--button-color:#ff6b6b;--button-color-hover:#ff4646;--correct-color:#06a77d;--incorrect-color:#ff6b6b}body{background-color:#1a535c;background-color:var(--background-color);font-family:Roboto,sans-serif;margin:0}.buttons{display:flex;gap:16px;justify-content:center;margin-top:16px}.button{background-color:#ff6b6b;background-color:var(--button-color);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:background-color .15s}.button:hover{background-color:#ff4646;background-color:var(--button-color-hover)}ol{background-color:#fff;border-radius:8px;padding:16px 16px 16px 50px}li{font-size:20px}.correct{color:#06a77d;color:var(--correct-color)}.incorrect{color:#ff6b6b;color:var(--incorrect-color)}.container{height:100%;margin:auto;max-width:1200px}.page{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}h1{color:var(--text-color);font-weight:700;text-align:center}
/*# sourceMappingURL=main.5abf2294.css.map*/