body{margin:0;padding: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{color:grey;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#f9f9f5;text-align:center}.error-message{background-color:#fff;padding:10px;font-size:12px;border:4px solid #e5e5d5}.error-message,.text-card{position:absolute;top:20%;left:30%;width:40%;height:40%;overflow:scroll}.text-card{background:#fff;display:table;font-size:40px}.normal{border:4px solid #e5e5d5}.correct{border:4px solid #a2a362;-webkit-animation:bounce .5s;animation:bounce .5s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.incorrect{border:4px solid #985952;-webkit-animation:shake .1s;animation:shake .1s;-webkit-animation-iteration-count:5;animation-iteration-count:5}@-webkit-keyframes shake{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-3px) rotate(0deg);transform:translate(-3px) rotate(0deg)}66%{-webkit-transform:translate(3px) rotate(0deg);transform:translate(3px) rotate(0deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes shake{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-3px) rotate(0deg);transform:translate(-3px) rotate(0deg)}66%{-webkit-transform:translate(3px) rotate(0deg);transform:translate(3px) rotate(0deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@-webkit-keyframes bounce{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}50%{-webkit-transform:translateY(-10px) rotate(0deg);transform:translateY(-10px) rotate(0deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes bounce{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}50%{-webkit-transform:translateY(-10px) rotate(0deg);transform:translateY(-10px) rotate(0deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}.phrase{display:table-cell;vertical-align:middle;border:1px solid #e5e5d5}.phrase,.welcome{top:0;left:0;bottom:0;right:0;text-align:center;margin:50px}.welcome{position:absolute;opacity:0}#first-sentence{font-size:20px;-webkit-animation:appear 3s;animation:appear 3s}#second-sentence{font-size:100px;-webkit-animation:appearandstay 4s;animation:appearandstay 4s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#third-sentence{position:absolute;font-size:30px;top:120px;-webkit-animation:appearandstay 2s;animation:appearandstay 2s;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#third-sentence:hover{cursor:pointer;text-decoration:underline}#language-selection{text-align:left;font-size:20px;-webkit-animation:appearandstay 2s;animation:appearandstay 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes appear{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes appear{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@-webkit-keyframes appearandstay{0%{opacity:0}30%{opacity:1}to{opacity:1}}@keyframes appearandstay{0%{opacity:0}30%{opacity:1}to{opacity:1}}@-webkit-keyframes disappear{0%{opacity:1}30%{opacity:0}to{opacity:0}}@keyframes disappear{0%{opacity:1}30%{opacity:0}to{opacity:0}}.language-choice{text-align:center;margin-top:10px;margin-bottom:10px;padding-top:5px;padding-bottom:5px;border:1px solid grey}.language-choice:hover{cursor:pointer;background-color:#f9f9f5}.language-choice:active{background-color:#e5e5d5}.play-icon{position:absolute;bottom:5px;right:5px;color:#e5e5d5}.play-icon:hover{cursor:pointer}.play-icon:active{color:#a2a362}.ban-icon{position:absolute;top:5px;right:5px;color:#e5e5d5}.ban-icon:hover{cursor:pointer}.ban-icon:active{color:#985952}.microphone-icon{position:absolute;top:65%;left:30%;font-size:60px;color:grey;z-index:1;padding:10px 20px;border:5px solid #e5e5d5;border-radius:100%;background-color:#f9f9f5}.microphone-icon:hover{cursor:pointer}.microphone-icon:active{border-color:#a2a362}.ellipsis{position:absolute;top:65%;left:40%;text-align:center;width:100px;height:100px;margin-left:auto;margin-right:auto}.dot{display:inline-block;width:15px;height:15px;border-radius:50%;margin-right:10px;margin-top:65%;background:grey}.animated{-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite}.second{-webkit-animation-delay:.2s;animation-delay:.2s}.third{-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes wave{0%,55%,to{-webkit-transform:none;-webkit-transform:initial;transform:none}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes wave{0%,55%,to{-webkit-transform:none;-webkit-transform:initial;transform:none}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.score-bar{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center;top:70%;left:40%;font-size:60px}.outer-bar{position:relative;height:30px;width:350px;border-radius:20px;border:2px solid #a2a362;background-color:#e5e5d5}.inner-bar{background-color:#a2a362;height:100%;border-radius:inherit}.nuntio{position:absolute;top:15px;left:15px;color:grey;font-size:20px;padding:10px;border:1px solid #e5e5d5;border-radius:5px}.nuntio:hover{cursor:pointer;border-color:#a2a362}.copyright{position:absolute;bottom:10px;right:10px;color:grey;font-size:10px}
/*# sourceMappingURL=main.661909e3.chunk.css.map */