body{background-color:#e5e5e5;padding:90px 0}.flex,body{display:flex;justify-content:center}.flex{flex-direction:column;align-items:center;text-align:center}.common-rect{background-color:#fff;width:560px;box-shadow:0 10px 14px rgba(0,0,0,.03);border-radius:30px}.button{position:relative;background-color:#0060ff;border:none;color:#fff;font-size:20px;border-radius:60px;padding:20px 60px;cursor:pointer;transition:background-color .2s ease;overflow:hidden}.button:after{content:"";box-sizing:border-box;display:block;width:100%;height:2rem;position:absolute;left:-95%;bottom:15%;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center}.button:hover{background-color:#0053db}.button:hover:after{-webkit-animation:animate-glint .3s ease;animation:animate-glint .3s ease}.button .circle{position:absolute;width:100px;height:100px;border-radius:50%;background-color:#fff;opacity:.7;-webkit-animation:circle .5s linear;animation:circle .5s linear;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes animate-glint{0%{left:-95%}to{left:100%}}@keyframes animate-glint{0%{left:-95%}to{left:100%}}@-webkit-keyframes circle{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes circle{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}*{margin:0}.start{font-family:"Inter",sans-serif;padding:80px 0}.start__image{margin-bottom:25px}.start__header{text-transform:uppercase;font-size:40px;color:#0060ff;margin-bottom:20px}.start__phrase{color:#a9acc3;font-size:20px;margin-bottom:40px}.start__button{background-color:#0060ff;border:none;color:#fff;font-size:20px;border-radius:60px;padding:20px 60px;cursor:pointer}*{box-sizing:border-box}.typing{font-family:"Inter",sans-serif;padding:65px 90px 60px}.typing__input{border:1px solid #a9acc3;box-sizing:border-box;border-radius:20px;max-width:330px;margin-bottom:35px;text-align:center;padding:15px 10px;font-size:28px;outline:none;transition:all .2s ease;color:#a9acc3}.typing__input.error{color:#ff7e36;border-color:#ff7e36}.typing__input.error:focus{box-shadow:inset 0 0 0 2px #ff7e36}.typing__input:focus{box-shadow:inset 0 0 0 2px #a9acc3}.typing__enter-word{color:#a9acc3;font-size:24px;margin-bottom:17px}.typing__word{color:#42497b;font-size:40px;margin-bottom:25px}.typing__progress{display:flex;width:100%;justify-content:space-between;font-family:"Roboto",sans-serif}.typing__counter p,.typing__timer p{font-size:18px;margin-bottom:3px;font-weight:900}.typing__timer b{color:#24a8ff}.typing__counter b{color:#28c900}.typing__counter b,.typing__timer b{font-size:28px}.result{padding:65px 30px;font-family:"Roboto",sans-serif}.result__top-icon{font-size:65px;margin-bottom:17px}.result__phrase{font-size:25px;color:#3e3e3e;margin-bottom:35px}.result__number-of-words{color:#eebe42;font-size:50px;margin-bottom:40px;font-weight:900}
/*# sourceMappingURL=main.6d3478b7.chunk.css.map */