@import url(https://fonts.googleapis.com/css2?family=Azeret+Mono&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color:#333438;--text-color:#645e5e;--box-color:rgba(0,0,0,.336);--mistake-color:#bf4d57;--active-text:#ced0c5;--active-color:#6f3be7;background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.option-button,h1,h2,h3,h4,p{color:var(--text-color);margin:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.test-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:10vw auto 10vw;grid-template-rows:10vh auto 10vh;height:100vh;width:100%}.header{align-items:center;display:flex;grid-column:2/3;grid-row:1/2;margin-top:20px}.header h2{color:var(--active-text);font-family:Azeret Mono,monospace;margin-left:1vw}.center-box{grid-gap:10px;display:grid;gap:10px;grid-column:2/3;grid-row:2/3;grid-template-rows:15vh 10vh auto;height:100%;max-width:100%;width:100%}.top-menu{align-items:center;display:flex;grid-row:2/3;height:8vh;justify-content:space-between;margin-bottom:4vh}.counter{display:flex;width:10vw}.counter p{color:var(--active-color);font-size:1.5rem;font-weight:600}.modes-menu{display:flex;font-size:1.2rem}.modes-menu h4{color:var(--active-color);margin-right:10px}.options-menu{margin-right:20px}.option-button{background-color:initial;border:none;font-size:1.2rem;margin:0 15px}.option-button.active{color:var(--active-color);font-weight:600}.text-box{display:block;font-family:Azeret Mono,monospace;font-size:2rem;grid-row:3/4;height:23vh;margin-left:0;overflow:hidden;position:relative;scroll-behavior:smooth;text-align:left;transition:.25s}.words{display:flex;flex-wrap:wrap;gap:18px;padding-top:7px;transform:translateY(0);transition:transform .3s ease;width:100%}.word{color:var(--text-color);display:inline-flex;margin-right:8px}.hidden-input{height:7px;opacity:0}.hidden-input:focus{outline:none}.char.active{animation:blinkingLeft 2s infinite;animation-timing-function:ease;border-left:2px solid}@keyframes blinkingLeft{0%{border-left-color:var(--active-color)}50%{border-left-color:#5223a8}to{border-left-color:var(--active-color)}}.char{color:var(--text-color)}.char.correct{color:var(--active-text)}.char.incorrect{color:var(--mistake-color)}.results-content{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:10vw auto;grid-template-rows:auto 20vh;height:100%;height:564px}.stats{grid-gap:1.5rem;display:grid;font-size:36px;gap:1.5rem;grid-template-areas:"wpm" "acc"}.acc,.wpm{align-items:start;display:flex;flex-direction:column;grid-area:wpm;margin-left:2vw}.acc{grid-area:acc}.data{color:var(--active-color);font-family:Azeret Mono,monospace;font-size:3rem;font-weight:700}.graph{display:flex;margin-top:5vh;width:80%}.char-status{align-items:start;display:flex;flex-direction:column;font-size:1.5rem;grid-column:2/3;height:100%;margin-left:4vw}.char-status span{color:var(--active-color);font-size:2.5rem}
/*# sourceMappingURL=main.872350f5.css.map*/