*{box-sizing:border-box;font-family:Jost,sans-serif;margin:0;padding:0}button{background:#f73859;border:none;color:#fff;cursor:pointer;font-size:24px;font-weight:600;height:100%;line-height:1;outline:none;width:25%}.container{justify-content:space-between;margin:auto;max-width:600px}.App,.container{display:flex;width:100%}.App{background:#070707;min-height:100vh}.typeRacer{align-items:center;background:#283149;display:flex;flex-direction:column;height:400px;justify-content:space-between;width:100%}.typeRacer .wordOutput{background:#111727;color:#fff;padding:20px;text-align:center;width:100%}.typeRacer .wordOutput p{font-size:26px;line-height:1}.typeRacer .time{border:2px solid #f73859;border-radius:50%;color:#fff;display:flex;height:140px;width:140px}.typeRacer .time p{font-size:60px;line-height:1;margin:auto}.typeRacer .wordValues{display:flex;height:50px;width:100%}.typeRacer .wordValues input{background:#111727;border:none;color:#fff;height:100%;outline:none;padding:12px;width:75%}.typeRacer .wordValues input::-webkit-input-placeholder{color:#fff}.typeRacer .wordValues input:-ms-input-placeholder{color:#fff}.typeRacer .wordValues input::placeholder{color:#fff}@-webkit-keyframes scaleNumber{0%{-webkit-transform:scale(1.25);transform:scale(1.25)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes scaleNumber{0%{-webkit-transform:scale(1.25);transform:scale(1.25)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.25);transform:scale(1.25)}}.results{background:#283149;display:flex;flex-direction:column;max-width:540px;width:100%}.results .title{background:#111727;color:#fff;padding:20px}.results .title p{font-size:26px;line-height:1}.results .resultsContainer{display:flex;height:80vh;margin:auto;max-height:80vh;overflow:auto;width:100%}.results .resultsContainer::-webkit-scrollbar{width:7px}.results .resultsContainer::-webkit-scrollbar-thumb{background:#f73859;border-radius:50px;outline:1px solid #708090}.results .resultsContainer .correctResults,.results .resultsContainer .wrongResults{max-width:50%;padding:14px;width:100%}.results .resultsContainer .correctResults .row,.results .resultsContainer .wrongResults .row{word-wrap:break-word;background:#f73859;border-radius:4px;color:#fff;padding:14px;width:100%}.results .resultsContainer .correctResults .row,.results .resultsContainer .row{word-wrap:break-word;background:#31cc57;border-radius:4px;color:#fff;padding:14px;width:100%}.results .resultsContainer .correctResults .row:not(:last-of-type),.results .resultsContainer .wrongResults .row:not(:last-of-type){margin-bottom:10px}@media (max-width:580px){button{font-size:16px}}@media (max-width:1210px){.App{align-items:center;flex-direction:column;padding:0 14px}.App .container,.results{max-width:700px}.results{margin:40px 0}}
/*# sourceMappingURL=main.1d857adb.css.map*/