body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header-bar{position:absolute;top:1em;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:90%;left:1em}.App-header-bar span{-webkit-flex:1 1;flex:1 1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none;display:block;margin:auto}.App-header{background-color:#282c34;min-height:95vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-brandname i{font-size:3em}.App-brandname h3{font-style:italic;margin:0;font-weight:600}.App-brandname h1{font-family:Courier New,Courier,monospace;color:#61dafb;margin-top:0}.App-footer{background:#424855;color:#f5f5f5;padding:.5em}.App-footer small{font-size:.6em}.App-footer a{color:#61dafb;text-decoration:none}.App-link{background:#61dafb;padding:1em;border:1px solid #057897;border-radius:3px;color:#fff;font-size:1em;font-weight:600;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.App-link:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.App-input{padding:1em;border-radius:6px;border:2px solid #002d87;font-size:1em;font-weight:700;text-align:center}.App-input--sm{padding:.3em!important}.correct-answer{color:#31cd61}.wrong-answer{color:#ff2563}.answer{font-size:5em;border-radius:100px;-webkit-animation-name:answerModal;animation-name:answerModal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.answer,.show-up{-webkit-animation-duration:1s;animation-duration:1s}.show-up{-webkit-animation-name:show;animation-name:show;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes show{0%{opacity:.85}to{opacity:1}}@keyframes show{0%{opacity:.85}to{opacity:1}}@-webkit-keyframes answerModal{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}@keyframes answerModal{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.c9542320.chunk.css.map */