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{width:800px;height:367px;margin:30px auto 0;border:1px solid #ccc;padding:30px}.select-page{text-align:center}.main{margin:20px}.upper-row{width:100%}.word-lst{width:70%;background:hsla(0,0%,80%,.32);border-radius:9px}.measure,.word-lst{display:inline-block;height:200px;overflow:hidden}.measure{width:25%;margin-left:4%}.typing-area{width:100%;border:1px solid #ccc;margin-top:30px;height:120px;border-radius:11px}.typing-single-char{color:red;font-size:40px;z-index:400}.origin-single-char{color:#ccc;font-size:40px;z-index:0}.typing-container{padding:30px 30px 30px 50px;position:absolute;z-index:400}.word-container{padding:30px 30px 30px 40px}.origin-word{padding:30px 30px 30px 50px;position:absolute;z-index:0}.the-word{font-size:40px;margin-bottom:8px;font-weight:500}.time-cd{background:#404040;color:#fff;padding:10px;border-radius:45px;width:80%;margin:0 auto 10px}h1{font-family:Indie Flower,cursive;font-size:73px}.lower-sec,h1{text-align:center}.btn{margin-top:40px;font-size:24px}.ground{width:100%;background:#000;height:6px;z-index:400}.character{width:30px;height:30px;background:#000;margin-top:-34px;position:absolute;-webkit-transition:all 1s;transition:all 1s}.jump-area{margin-top:50px}.life{width:142px;font-size:30px;display:inline-block}.score{width:335px;font-size:35px;float:right}.jump{-webkit-transition:all .5s;transition:all .5s;-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes jump{0%{margin-top:-34px}50%{margin-top:-105px}to{margin-top:-34px}}@keyframes jump{0%{margin-top:-34px}50%{margin-top:-105px}to{margin-top:-34px}}.run{-webkit-transition:all .5s;transition:all .5s;-webkit-animation-name:run;animation-name:run;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes run{0%{margin-top:-34px}50%{margin-top:-110px}to{margin-top:-34px}}@keyframes run{0%{margin-top:-34px}50%{margin-top:-110px}to{margin-top:-34px}}.mountain{position:absolute;width:5px;height:50px;background:#000;margin-top:-54px}.middle-row{text-align:center;padding:40px;font-size:35px}
/*# sourceMappingURL=main.6727c019.chunk.css.map */