@import url(https://fonts.googleapis.com/css?family=Overpass);@import url(https://fonts.googleapis.com/css?family=Chivo:300,300i,400,400i,700,700i,900,900i);body{margin:0;padding:0;font-family:sans-serif}.App{color:"#fff";font-size:50px;text-align:center;font-family:Chivo;font-weight:700;height:100%;width:100%;position:absolute;top:0;left:0}.whiteBackground{background-color:#fff}.orangeBackground{background-color:#f7b02b}.button{margin-top:10%;padding:5px 50px;background-color:#fff;color:#474d4d;border:4px solid #474d4d;font-size:28px;font-family:Overpass;border-radius:30px;font-weight:700}.button a{text-decoration:none;color:#474d4d}.text-box{height:50px;font-size:15px;padding:0 4px;border:none;border-bottom:3px solid #000;color:#f7b02b;text-transform:capitalize}.text-box:focus{outline:none}::-webkit-input-placeholder{color:#f7b02b}:-ms-input-placeholder,::-ms-input-placeholder{color:#f7b02b}::placeholder{color:#f7b02b}.GameOver{color:#f7b02b;margin-top:20%}.GameOver .parrot{display:block;margin:0 auto;margin-top:15%}.white-text{color:#fff}@-webkit-keyframes timer-slide-lt{0%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}50%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}@keyframes timer-slide-lt{0%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}50%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}@-webkit-keyframes timer-slide-rt{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@keyframes timer-slide-rt{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}.timer{width:100%;height:100%;background:#f7b02b}.timer .circle-timer{width:200px;height:200px;margin:2rem auto;position:relative;cursor:pointer}.timer .circle-timer .timer-slot{position:relative;width:100px;height:200px;display:inline-block;overflow:hidden;float:left}.timer .circle-timer .timer-slot .timer-lt,.timer .circle-timer .timer-slot .timer-rt{border-radius:50%;position:relative;top:50%;left:0;z-index:15;border:10px solid #fff;width:180px;height:180px;margin-left:-100px;margin-top:-100px;border-left-color:transparent;border-top-color:transparent;z-index:5}.timer .circle-timer .timer-slot .timer-lt{-webkit-animation:15s linear infinite timer-slide-lt;animation:15s linear infinite timer-slide-lt;left:100%}.timer .circle-timer .timer-slot .timer-rt{-webkit-animation:15s linear infinite timer-slide-rt;animation:15s linear infinite timer-slide-rt}.timer .circle-timer .count{position:absolute;width:100%;height:100%;font-size:8rem;color:#fff;text-align:center;line-height:200px;font-family:sans-serif}.timer .circle-timer.paused .timer-lt,.timer .circle-timer.paused .timer-rt{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.timer .circle-timer.paused .timer-lt,.timer .circle-timer.paused .timer-rt,.timer .circle-timer:hover .timer-lt,.timer .circle-timer:hover .timer-rt{border:10px solid hsla(0,0%,100%,.5);border-left-color:transparent;border-top-color:transparent;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.timer .circle-timer.paused .count{color:hsla(0,0%,100%,.5);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.microphone-logo{border-radius:50%;padding:5%;background-color:#fff;width:20%;display:block;margin-left:auto;margin-right:auto}.microphone-logo:active{-webkit-animation:pulse 1s infinite ease-in-out alternate;animation:pulse 1s infinite ease-in-out alternate}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.Incorrect{color:#fff;font-size:28px}li{font-size:16px}li,p{color:#f7b02b}ol{counter-reset:li;margin-left:0;padding-left:0}ol>li{position:relative;margin:0 0 6px 2em;padding:4px 8px;list-style:none;background:#f6f6f6}ol>li,ol>li:before{border-top:2px solid #666}ol>li:before{content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;color:#fff;background:#666;font-weight:700;font-family:Helvetica Neue,Arial,sans-serif;text-align:center}li ol,li ul{margin-top:6px}ol ol li:last-child{margin-bottom:0}:-webkit-any-link{text-decoration:none;color:#f7b02b;position:absolute;top:3px;left:12px;font-size:39px}:-moz-any-link{text-decoration:none;color:#f7b02b;position:absolute;top:3px;left:12px;font-size:39px}:any-link{text-decoration:none;color:#f7b02b;position:absolute;top:3px;left:12px;font-size:39px}.SimplePlayerInput .title{padding:0 10px;margin-bottom:15px}.Start{font-family:Overpass;text-align:center;color:#474d4d;background-color:#fff}#logo{padding-top:40%;display:block;margin-left:auto;margin-right:auto}#whitespace{height:200px;background-color:#fff}#logo{-webkit-animation:shake 1.1s cubic-bezier(.36,.07,.19,.97) both;animation:shake 1.1s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes shake{-webkit-animation-delay:2s;animation-delay:2s;10%,90%{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}20%,80%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}30%,50%,70%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}40%,60%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}}@keyframes shake{-webkit-animation-delay:2s;animation-delay:2s;10%,90%{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}20%,80%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}30%,50%,70%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}40%,60%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}}
/*# sourceMappingURL=main.951bc70a.css.map*/