body{background-size:cover;background-position:50%;display:flex;background-color:#222020;font-family:"Lato",sans-serif;font-size:140%;flex-direction:row;align-items:center;margin:0;min-height:100vh}body,p{justify-content:center}p{line-height:1.5}h4{margin:0 0 5px}.container{box-shadow:0 4px 15px -5px rgba(0,0,0,.7);background-color:#f5f5f5;border:2px solid #000;padding:30px;width:930px;max-width:100%;text-align:center;margin-bottom:10px}.container .text{display:flex;flex-wrap:wrap}.container input{padding:12px;font-size:20px;margin:10px 0;width:550px}.green{color:#00ff7f}.red{background-color:#dc143c}.underline{border-bottom:1px solid #000}.word{font-size:20px;margin:2px}.wpm{display:flex;grid-gap:20px;gap:20px;margin-bottom:10px;align-items:center;justify-content:center;color:#f5f5f5}.start-btn{border:0;background-color:#000;color:#fff;font-size:16px;padding:12px 15px}.keys{display:flex;min-height:11vh;align-items:center;justify-content:center}.key{flex-direction:row;flex:1 1;border:.4rem solid #000;border-radius:.2rem;margin:.1rem;font-size:1.1rem;padding:1rem .1rem;transition:all .07s ease;width:4rem;text-align:center;color:#fff;background:rgba(0,0,0,.4);text-shadow:0 0 .5rem #000}.playing{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:#f5f5f5;box-shadow:0 0 .1rem #f5f5f5}kbd{display:block;font-size:1rem}
/*# sourceMappingURL=main.f787567d.chunk.css.map */