@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.header{padding-top:5rem;font-size:60px;text-align:center;margin-bottom:5rem}.main{margin:0 auto;padding:1rem;max-width:700px}.main .passed-letter{background:rgba(144,238,144,.5)}.main .curr-letter:after{content:" ";position:absolute;bottom:0;left:0;right:0;height:2px;background:#0ff;-webkit-animation:loading 1s ease-out infinite;animation:loading 1s ease-out infinite}.main .wrong-letter{background:rgba(255,0,0,.5)}.main__text{text-align:center;font-size:30px;word-wrap:break-word}.main__text span{position:relative;transition:background .1s linear}.main__info{display:flex;justify-content:space-between;align-items:center;font-style:italic;margin-top:1rem;color:hsla(0,0%,96.1%,.6)}.main__input{color:#fff;padding:1rem;margin-top:5rem;font-size:30px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-shadow:0 0 5px #0ff;border-radius:.25rem;outline:none}.top-left{position:fixed;top:1rem;left:1rem;color:hsla(0,0%,96.1%,.8);font-size:1.2rem}.top-left.blicking-text{font-size:1rem;color:hsla(0,0%,96.1%,.6);-webkit-animation:loading 3s infinite;animation:loading 3s infinite}.restart-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;position:absolute;top:1rem;right:1rem;color:#fff;font-size:36px;transition:color .15s ease-out}.restart-button :focus,.restart-button:hover{color:grey}.container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:700px;padding:1rem .5rem}.text{font-size:1.2rem;margin-bottom:1rem;color:hsla(0,0%,96.1%,.7)}h1,h3{margin-bottom:.5rem}.buttons{padding:1rem 0;width:100%;display:flex;justify-content:space-between;align-items:center}.buttons .button{border-radius:.25rem;color:#fff;font-weight:600;padding:.5rem 1rem;font-size:1.1rem;cursor:pointer;border:none;transition:transform .1s ease-out,box-shadow .1s ease-out}.buttons .button:focus,.buttons .button:hover{transform:scale(1.05);box-shadow:0 0 10px 0 hsla(0,0%,96.1%,.25)}.buttons .button.back{background-color:#a80556}.buttons .button.next{color:#000;background-color:#0ff}small{color:hsla(0,0%,96.1%,.5)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}#app{min-height:100vh;font-family:Popins,sans-serif;color:#f5f5f5}#app,.overlay{background:#18181e}.overlay{position:fixed;top:0;bottom:0;left:0;right:0}.overlay:after{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#0ff;border-radius:50%;-webkit-animation:loading 1s infinite;animation:loading 1s infinite}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@-webkit-keyframes loading{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes loading{0%{opacity:1}50%{opacity:0}to{opacity:1}}