:root{font-size:62.5%}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;color:#333}body{background-color:#ecf5ff}h1,h2,h3,h4{margin-bottom:1rem}h1{font-size:5.4rem;margin-bottom:5rem}h1,h2{color:#56a5eb}h2{font-size:4rem;margin-bottom:4rem}.container{width:100vw;height:100vh;display:flex;flex-direction:column;text-align:center;align-items:center;max-width:80rem;margin:0 auto;padding:2rem}.container>*{width:100%}.btn{font-size:1.8rem;padding:1rem 0;width:20rem;text-align:center;border:.1rem solid #56a5eb;margin-bottom:1rem;text-decoration:none;color:#56a5eb;background-color:#fff}.btn:hover{cursor:pointer}.btn[disabled]:hover{cursor:not-allowed}form{width:100%;display:flex;flex-direction:column;align-items:center}input{margin-bottom:1rem;width:20rem;padding:1.5rem;font-size:1.8rem;border:none;box-shadow:0 .1rem 1.4rem 0 rgba(86,185,235,.5)}input::placeholder{color:#aaa}.choice-container{display:flex;margin-bottom:.5rem;width:100%;font-size:1.8rem;border:.1rem solid rgba(86,165,235,.25);background-color:#fff}.choice-container:hover{cursor:pointer}.choice-prefix{padding:1.5rem 2.5rem;background-color:#56a5eb;color:#fff}.choice-text{padding:1.5rem;width:100%}.correct{background-color:#28a745}.incorrect{background-color:#dc3545}#hud{display:flex;justify-content:space-between}.hud-prefix{font-size:2rem}.hud-main-text,.hud-prefix{text-align:center}#progressBar{width:20rem;height:4rem;border:.3rem solid #56a5eb;margin-top:1.5rem}#progressBarFull{height:3.4rem;background-color:#56a5eb;width:0}#loader{border-radius:50%;border:1.6rem solid #fff;border-top-color:#56a5eb;width:12rem;height:12rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#highScoresList{list-style:none;padding-left:0;margin-bottom:4rem}.high-score{font-size:2.8rem;margin-bottom:.5rem}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}
/*# sourceMappingURL=main.2ec5dad1.chunk.css.map */