body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;font-family:monospace}.App-header{background-color:#ffdfae;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(50px + 2vmin);color:#f57373;padding-top:-50px;margin-top:-4px;margin-bottom:-4px}.Character{white-space:pre}.Character-current{background-color:#09d3ac}.Character-out,.quote{color:silver}.quote{position:relative;margin-left:100px;padding-left:100px;padding-top:10px;padding-bottom:10px}--for keyboard h1{text-align:center;font-size:1.8em;font-family:monospace;padding:.7em}.keyboard{text-align:center;font-size:14px;font-family:sans-serif}.keyboard__row{display:inline-block;height:3em;margin:.2em}.keyboard__row--h1{height:1.7em;line-height:1.4em}.keyboard__row--h3{height:3.3em}.keyboard__row>*{position:relative;background:#eea;text-align:center;color:#333;float:left;border-radius:.3em;margin:.2em;padding:.2em;width:3.3em;height:100%;box-sizing:border-box;cursor:pointer;--webkit-user-select:none;box-shadow:0 .2em 0 .05em #222;border:1px solid;border-color:#444 #444 #555}.keyboard__row--h1>div{width:3.5em}.keyboard__row>div:active,.keyboard__row>div[data-pressed]{background:#f89ddd;color:#4200f7;position:relative;top:.2em;box-shadow:0 0 0 .05em #000}.key--w3{width:4.6em}.key--w4{width:6em}.key--w5{width:6.5em}.key--w6{width:8.3em}.key--space{width:18em}.key--double>*{padding-top:.1em}.key--letter{line-height:2.8em}.key--bottom-left>*{position:absolute;text-align:left;bottom:.4em;left:.4em}.key--bottom-right>*{position:absolute;text-align:right;bottom:.4em;right:.4em}.key--fn>*{font-size:.6em;line-height:1em;padding-top:1.2em;padding-right:.2em;text-align:right;float:right}.key--word>*{font-size:.8em}.key--arrow--tall>*,.key--arrow>*{font-size:.5em;line-height:3em}.key--arrow{height:1.8em;margin-top:1.7em;line-height:.5em}.key--arrow--tall>*{padding-top:.2em}.keyboard>.keyboard__row{text-align:center}.transform-active{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation:pulse .5s;animation:pulse .5s;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.level-button{background-color:#fd7a00;color:#fff;font-size:large;border-radius:15%}.level-button:hover{background-color:#ffcfa2;color:#222;border-radius:15%}
/*# sourceMappingURL=main.30c4d907.chunk.css.map */