body{margin: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;background-color:#282c34}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.panel{position:absolute;top:0;left:0;height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.transparent.panel{pointer-events:none}.transparent.panel>*{pointer-events:all}.action,.message{min-height:28px;min-width:180px}.dot,.star{font-size:40pt;min-width:55px;display:inline-block}.line{font-size:80pt;text-align:right;min-height:125px}.question{border-bottom:8px solid #fff;min-width:200px}.confetti{left:50%}.card{min-width:180px;padding:20px 50px;border-radius:30px}.card.tiny{transform:scale(.5) translateY(-236px)}.star{color:#e0c53d}.dot{color:#666}.card.red{background-color:#cd3e44;color:#fff}.card.orange{background-color:#d16d15;color:#fff}.card.yellow{background-color:#c4a71b;color:#fff}.card.green{background-color:#0f885b;color:#fff}.card.cyan{background-color:#0f8187;color:#fff}.card.blue{background-color:#1176b8;color:#fff}.card.purple{background-color:#5161a2;color:#fff}.card.pink{background-color:#e3477c;color:#fff}.card{transition:all .5s ease-in-out}.award.hidden{display:none}.award{display:inline;height:60px;width:60px;border-radius:50%;background-color:#667;margin:8px 8px 5px}.award.hiding{transform:scale(0)}.award.hiding.toDrawer{transform:translate(100vw) scale(.1)}.award{transition:all .5s ease-in-out}.award.hover{transform:scale(1.5)}.award.big{width:330px;height:330px}.awards{max-width:610px;margin:12px auto auto}@-webkit-keyframes pulse-green{0%{border-color:#37cd37}50%{border-color:rgba(0,205,255,0)}to{border-color:#37cd37}}@keyframes pulse-green{0%{border-color:#37cd37}50%{border-color:rgba(0,205,255,0)}to{border-color:#37cd37}}@-webkit-keyframes pulse-red{0%{border-color:#ff3737}50%{border-color:rgba(0,55,255,0)}to{border-color:#ff3737}}@keyframes pulse-red{0%{border-color:#ff3737}50%{border-color:rgba(0,55,255,0)}to{border-color:#ff3737}}.card.correct{background-clip:padding-box;border:5px solid #3d3;-webkit-animation:pulse-green 2s infinite;animation:pulse-green 2s infinite}.card.incorrect{background-clip:padding-box;border:5px solid #d33;-webkit-animation:pulse-red 2s infinite;animation:pulse-red 2s infinite}.drawer{transition:left .5s ease-in-out;border-left:2px solid #000;position:fixed;left:100vw;width:100%;top:0;bottom:0;padding-top:12px;overflow-y:scroll;background-color:#282c34}.drawer.open{left:0}.drawer-pull{width:50px;height:50px;border-radius:50%;background-color:#000;z-index:100;position:relative;left:-50%;top:-4px;transition:transform .5s ease-in-out;transform:translate(100vw)}.drawer-pull.open{transform:none}.attribution{font-size:10pt;position:fixed;bottom:5px;color:#6b7288}.attribution>a,.attribution>a:visited{color:#77947a;text-decoration:none}.numpad .key{background-color:#6b7288;color:#fff;width:50px;height:50px;line-height:50px;border-radius:50%;display:inline-block;margin:3px}.numpad{position:fixed;transform:scale(0);transition:transform .5s ease-in-out}.numpad.shown{transform:scale(1) translateY(89px)}.numpad .key.backspace{background-color:#000}.numpad .key.enter{background-color:#0f885b}@media screen and (max-height:600px){.first.line:after{content:" "}.second.line:after{content:" ="}.second.line{margin-right:12px}.line{font-size:66pt;display:inline;text-align:left}.question{display:inline-block;margin-bottom:8px;border-bottom:none;min-width:200px}.dot,.star{font-size:20pt;min-width:27px;display:inline-block}.card{min-width:416px;min-height:250px}.answer,.question{margin:45px 0}.numpad.shown{transform:scale(1) translate(150px)}.card.tiny{transform:scale(.5) translate(-250px)}.awards{padding-top:20px}}.App{text-align:center;overflow:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.025badf6.chunk.css.map */