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}.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)}}.App{margin:60px 25%}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:150px flex;grid-row-gap:2px;row-gap:2px;grid-column-gap:3px;-webkit-column-gap:3px;column-gap:3px;grid-template-areas:"mode-selects time wpm" "prompt prompt prompt" "hint hint hint"}h1{margin-left:3.5%}h1,h1#languageLabel,h1#modeLabel{margin-top:5%;margin-bottom:0}h1#accuracy{margin-right:10%}select#languages,select#modeSelect{margin-left:3.5%}.grid-item{border-radius:8px;box-shadow:3px 1px 4px rgba(0,0,0,.5);border:1.5px solid #000}.grid-item-1{grid-area:mode-selects;padding-bottom:10px;background-image:url(/static/media/mechKeyLogoReddit.9eb7d473.png);background-position-x:2.9vh;background-size:.4fr;background-position-y:-1.6vh;background-repeat:no-repeat}.grid-item-2{display:table;grid-area:prompt;box-shadow:3px 2px 2px 1px rgba(0,0,0,.5)}.grid-item-3{grid-area:wpm}.grid-item-4{white-space:pre;grid-area:time}#prompt{margin:10px 1.5% 0}#author{margin:0 5.5% 8px 1.5%;float:right;opacity:.85}#resetButton{background-color:#fff;border-radius:8px;box-shadow:3px 1px 4px rgba(0,0,0,.5);border:1.45px solid #000;margin-bottom:2px;margin-left:2px;float:right}#myInput{margin-left:5%;margin-right:2.5%;margin-bottom:2.5%;width:90%;box-sizing:border-box}#hint{margin-left:2%;font-size:10px;color:rgba(0,0,0,.5)}@media only screen and (max-width:1700px){h1#accuracy,h1#time,h1#wpm{font-size:30px}}@media only screen and (max-width:1450px){h1#wpm{font-size:3.8vw}h1#accuracy,h1#time{font-size:26px;white-space:pre-line}}@media only screen and (max-width:900px){.App{margin:60px 5%}h1#wpm{font-size:30px}h1#accuracy,h1#time{font-size:26px;white-space:none}}@media only screen and (max-width:715px){h1#accuracy,h1#time{margin-top:0;font-size:26px;white-space:none}}@media only screen and (max-width:600px){#prompt{font-size:18px}#author{font-size:12px}.grid-item-1{padding-top:2px;padding-bottom:2px}.grid-container{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 75px flex;grid-template-areas:"mode-selects mode-selects mode-selects" "time time wpm" "prompt prompt prompt";min-width:430px}#modeLanguage{display:flex}h1#languageLabel,h1#modeLabel{margin-top:.55%;margin-bottom:.53%}}
/*# sourceMappingURL=main.1ae57607.chunk.css.map */