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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.appHeader{text-align:center;color:#000;margin-top:80px}body{background:#e8e7e7;font-family:arial;text-transform:uppercase}header{color:#fff;padding:5px 10px;text-align:center;display:flex;align-items:center;background-color:#8063fa;border-bottom:2px solid #d4caff}header h1{flex-grow:1;font-size:1.5em;letter-spacing:2px;font-weight:400;display:flex;justify-content:flex-end}form{display:flex;background-color:#8063fa}input[type=text]{flex-grow:1;border-width:0 0 1px;margin:15px 10px 15px 15px;padding:10px;border-radius:5px;background-color:#5b45b9;border-style:none;text-shadow:none;text-transform:uppercase;color:#c7bcf8;letter-spacing:2px;outline:none}input[type=text]::-webkit-input-placeholder{color:#c7bcf8;letter-spacing:2px}input[type=text]:focus{background-color:rgba(0,0,0,.2)}input[type=submit]{display:block;font-size:.6em;margin:15px 15px 15px 0;padding:10px;background-color:#44338d;border-radius:5px;border:none;color:#fff;letter-spacing:2px;font-weight:700;text-shadow:none;text-transform:uppercase;cursor:pointer}button,input[type=submit]{outline:none;-webkit-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease}svg{width:28px;height:19px;margin-right:5px;fill:#f0f0f0}.is-high-score{fill:#ffc657;-webkit-animation:grow .35s ease-in-out;animation:grow .35s ease-in-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes grow{50%{-webkit-transform:scale(1.4) rotate(-3deg);transform:scale(1.4) rotate(-3deg)}}@keyframes grow{50%{-webkit-transform:scale(1.4) rotate(-3deg);transform:scale(1.4) rotate(-3deg)}}.scoreboard{background:#fff;width:700px;margin:50px auto;box-shadow:0 2px 0 #8568fa;border-radius:6px;overflow:hidden}.player{display:flex;font-size:1.2em;border-bottom:2px solid #eee;letter-spacing:2px}.player:last-of-type{border-bottom-color:#d4caff}.player-name:hover .remove-player{visibility:visible}.counter-score,.player-name{color:#2f2366}.player-name{flex-grow:1;line-height:3.5em;padding-left:10px}.remove-player{font-size:1.15em;border:none;outline:none;visibility:hidden;color:#ef5350;cursor:pointer;margin:0 10px 0 0;padding:0;background:none}.stats,.stopwatch{width:170px}.stats{margin:0 0 0 28px;font-weight:400}.stats td:first-child{text-align:right;font-weight:400;letter-spacing:2px;font-size:.7em}.stats td:last-child{text-align:left}.stopwatch{padding:15px 10px 5px;margin:-5px -10px -5px 10px;background:#5b45b9}.stopwatch-time{display:block;font-family:monospace;font-size:2.15em}.stopwatch button{margin:8px 5px;background-color:#44338d;border-radius:5px;padding:7px 8px;border:none;color:#fff;letter-spacing:2px;font-weight:700;text-shadow:none;text-transform:uppercase}.stopwatch button:hover,input[type=submit]:hover{background:#fff;color:#44338d;cursor:pointer}.stopwatch h2{font-size:.6em;margin:0;font-weight:400;letter-spacing:2px}.counter{display:flex;width:190px}.counter-action{border:none;font-size:1.15em;font-weight:700;color:#b0aeba;background-color:#dcdcdc;display:block;padding:20px;cursor:pointer;outline:none}.counter-action:hover{color:#fff}.increment:hover{background:#83d97c}.decrement:hover{background:#ef5350}.counter-score{flex-grow:1;text-align:center;font-family:monospace;font-size:2em;line-height:2em}
/*# sourceMappingURL=main.6c9fc71a.chunk.css.map */