@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Ubuntu&family=Ubuntu+Mono&display=swap";*{margin:0;padding:0}body{background-color:#181818;color:#fff}.App{display:flex;flex-direction:column;height:100vh;width:100vw;align-items:center;box-sizing:border-box}.App>h1{font-size:4em;margin:50px;text-align:center}.result{border-radius:20px 20px 0 0;display:flex;flex-wrap:wrap;font-size:1.3em;gap:1em;justify-content:space-between;width:70vw;padding:20px 50px;box-sizing:border-box;border:1px solid aqua}.result .bestSpeed,.result .wpmSpeed,.result .correctWordCount{color:#0f0}.result .wrongWordCount{color:red}.App>.TypingSection{border:1px solid aqua;box-sizing:border-box;padding:20px;border-radius:0 0 20px 20px;border-top:none;width:70vw;font-size:1.2em}.App>.TypingSection>.inputArea{width:100%;display:grid;grid-template-columns:5fr 1fr 1fr;gap:1em}.App>.TypingSection>.inputArea>input{padding:5px 10px;font-size:1.2em;width:90%;outline:none;border-radius:10px;border:none}.App>.TypingSection>.inputArea>.timer{width:100%;background-color:gray;border-radius:10px;text-align:center;display:flex;justify-content:center;align-items:center}.App>.TypingSection>.inputArea>button{background-color:#0062ff;border:none;border-radius:10px;color:#fff}.wordsDisplay{display:flex;width:100%;flex-flow:row wrap;font-size:2em;height:4em;line-height:1.5em;overflow:hidden}.wordsDisplay>span{padding:5px 10px;border-radius:10px;margin:5px}.pendingWord{background-color:#333!important}.wrongWord{background-color:red!important;color:#000!important}.correctWord{color:#1eff00!important}@media (max-width:900px){.keyBoard{display:none!important}}.keyBoard{display:flex;flex-direction:column;gap:2px;border:1px solid gray;width:fit-content;padding:20px;border-radius:10px;background:#444;margin:auto}.keyBoard>.keyBoardRow{display:flex;gap:2px}.keyBoard>.keyBoardRow>.keyBoardKey{width:50px;height:50px;display:flex;justify-content:center;flex-direction:column;align-items:center;color:#fff;border:1px solid gray;background-color:#222;position:relative;transition:all .1s ease-in-out}body{margin:0;font-family:Ubuntu Mono,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}