body{background-color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin-left:10%;margin-right:10%}.title{color:#f5fffa;text-transform:uppercase;margin-left:15%;margin-top:4em;margin-bottom:3em;font-size:2em;letter-spacing:.3em}.keyboard{display:flex;flex-direction:column}.row{list-style:none;display:flex;margin-top:-10px}li{height:3em;width:3em;color:rgba(0,0,0,.7);border-radius:.4em;line-height:4em;letter-spacing:2px;margin:.3em;transition:.3s;text-align:center;font-size:1.1em}#capslock,#tab{width:4em}#shiftleft{width:6em}#enter{width:7em}#shiftright{width:9em}#back{width:4em}.pinky{background-color:#dc143c;border:2px solid #dc143c}.pinky.selected{color:#dc143c}.ring{background-color:coral;border:2px solid coral}.ring.selected{color:coral}.middle{background-color:#ff8c00;border:2px solid #ff8c00}.middle.selected{color:#ff8c00}.pointer1st{background-color:gold;border:2px solid gold}.pointer1st.selected{color:gold}.pointer2nd{background-color:khaki;border:2px solid khaki}.pointer2nd.selected{color:khaki}.fill-out-key{background-color:#708090;border:2px solid #708090}.selected{font-size:25pxv;border:transparent;background-color:transparent;animation:vibrate-1 .3s linear infinite both}.hit{animation:hit .3s cubic-bezier(.39,.575,.565,1) both}@keyframes hit{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes vibrate-1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}
/*# sourceMappingURL=main.772d2177.chunk.css.map */