@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{width:100%;min-height:100vh;color:#e1e1e1;background:#1e1e1e;font-family:"Rubik",sans-serif}.container,body{display:flex;justify-content:center;align-items:center}.container{width:100vw;height:100vh;text-align:center;flex-direction:column}.container focus{outline:none}.container .valid-keys{font-size:10rem;font-weight:700;min-width:600px;border-bottom:2px solid #fff}.container .valid-keys .matched{background-color:#fdf8c5;color:#282c34}.container .valid-keys .matched.completed{position:relative;top:0;left:0;opacity:1;animation:moveDown .2s ease-in}.container .valid-keys .remainder{opacity:.5}.container .typed-keys{margin-top:20px;font-size:1.3rem;width:600px;overflow:hidden}.container .completed-words{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100vh;overflow-y:scroll;position:fixed;top:0;right:0;text-align:left;padding:20px 20px 20px 100px;font-size:1.8rem;line-height:2.5rem;opacity:.5;display:flex}.container .completed-words ol{flex-grow:1;align-self:flex-end}@keyframes moveDown{0%{top:0;opacity:1}20%{top:-3rem;background-color:#26947c}to{top:22rem;opacity:0}}
/*# sourceMappingURL=main.a9a6878c.chunk.css.map */