@import"https://fonts.googleapis.com/css?family=Ubuntu+Mono";.App{justify-content:center}.settings{display:flex;gap:10px;color:var(--text-default);padding:10px;background-color:var(--secondary);border-radius:5px}.settings>div{cursor:pointer}.settings>div:hover{color:var(--text-correct)}.selected{color:var(--text-correct)}.reset-button{background:none;color:var(--text-default);border:none;margin-bottom:10px;font-size:25pt;cursor:pointer;transition:color .2s ease;outline:none;z-index:1000}.reset-button:hover{color:var(--text-correct)}.test-container{display:flex;flex-direction:column;width:100%;margin-top:5rem;justify-content:center;align-items:center}.Test{position:relative;background-color:var(--base);width:80%;max-width:900px;padding:20px}#input-box{position:absolute;outline:none;z-index:-1}#words{display:flex;flex-wrap:wrap;overflow:hidden;gap:.7em}.blur{width:110%;height:110%;transform:translate(-5%,-5%);backdrop-filter:blur(4px);position:absolute;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:2}.click-to-focus{transform:translate(-30px);width:175px;z-index:3;color:#fff;cursor:pointer}.click-to-focus>img{aspect-ratio:1;margin-right:10px;transform:translateY(4px);width:20px;cursor:pointer}.word{border-bottom:2px solid var(--base);display:flex;letter-spacing:.5px}.error{border-bottom:2px solid var(--text-incorrect)}.active{border-bottom:2px solid var(--base)}.letter{font-size:17pt;color:var(--text-default)}.correct{color:var(--text-correct)}.incorrect{color:var(--text-incorrect)}.extras{color:var(--caret)}.letter-dim{filter:opacity(50%)}#progression{font-size:17pt;color:var(--text-correct);margin-bottom:10px;align-self:left}#caret{font-size:22pt;width:2px;height:25px;border-radius:2px;position:absolute;background-color:var(--caret)}.caret-smooth{transition:left .1s ease}.blink{animation-duration:.5s;animation-name:blink;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease}@keyframes blink{0%{filter:opacity(0)}to{filter:opacity(100%)}}#score{display:flex;color:#fff;font-size:larger;gap:20px;margin-top:30px}:root{font-family:Ubuntu Mono;--base: rgb(38, 42, 51);--secondary: rgb(28, 32, 38);--text-default: rgb(82 103 119);--text-incorrect: rgb(255, 105, 105);--text-correct: rgb(67, 255, 175);--caret: rgb(67, 255, 175);margin:0;padding:0}body{background-color:var(--base);overflow:hidden;padding:20px}