body{margin:0;font-family:"Audiowide",cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#ff5155}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-image:url(/background-img.svg),linear-gradient(0deg,#063c47,#000);background-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box}.form-section{min-height:236px;position:relative}.nameAndError-section{min-height:75px}.form-section input{width:32%;margin:0 0 .5rem;padding:10px 15px;opacity:.59;border-radius:10px;font-family:"Audiowide",cursive;box-shadow:0 3px 16px 0 rgba(0,0,0,.8);background-color:#fff;font-size:20px;border:none}.form-section input:focus{outline:none}#difficulty_level{width:32%;margin:.5rem 0 0;padding:10px 15px;border-radius:10px;box-shadow:0 3px 16px 0 rgba(0,0,0,.8);border:1px solid #fff;-webkit-appearance:none;appearance:none;font-size:20px;font-family:"Audiowide",cursive;background:transparent;color:#97a5a7}#difficulty_level:focus{outline:none}.dropdown-icon{position:absolute;font-size:1.5rem;color:#97a5a7;right:35%;top:40%}.form-section p{text-align:left;margin-left:34%}.start-section{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.start-section h2{margin-left:1rem;cursor:pointer;font-weight:400}.scoreBoard-section{border:1px solid #ff5155;border-radius:15px;min-height:300px;margin-left:3rem;width:170px}.scoreBoard-section ul{padding:0 1.5rem}.scoreBoard-section h3{font-weight:200}.scoreBoard-section li{list-style:none;color:#fff}.scoreBoard-section li,.scoreBoard-section p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scoreBoard-section p{font-size:11px;padding-left:1rem}.word-section{margin-top:1rem}.word-section h1{font-size:3rem;color:#fff}.word-section input{width:50%;padding:10px 15px;opacity:.59;border-radius:10px;box-shadow:0 3px 16px 0 rgba(0,0,0,.8);background-color:#fff;border:none;font-size:20px;font-weight:400;margin-top:1rem}.word-section input:focus{outline:none}.green{color:green}.red{color:red}.white{color:#fff}.header-section{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:2rem 7rem 2rem 2rem;text-align:left;margin-bottom:1rem}.header-section i{margin-right:1rem}.header-section p{margin-bottom:1rem;font-size:1.7rem}#game-title p{font-size:2rem}.mainPageBody-section{display:-webkit-flex;display:flex}.scoreBoard-section{-webkit-flex-grow:1;flex-grow:1}.timerWord-section{-webkit-flex-grow:8;flex-grow:8;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-right:12rem}#circle-anime-bg{transition:all 10ms linear}#circle-svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);stroke-linecap:round}.item{position:relative;float:left}.item h2{font-family:"Share Tech Mono",monospace;text-align:center;position:absolute;line-height:80px;width:100%;font-size:3rem;font-weight:200}.liveScore-section{text-align:right;margin-top:0;padding-right:5rem;position:absolute;top:6rem;right:2rem}.liveScore-section span{font-size:1.8rem}#liveScore-tag{position:absolute;right:13.5rem}#liveScore-value{font-size:2.1rem;letter-spacing:1px;font-family:"Share Tech Mono",monospace;position:absolute;right:6.5rem}.stopGame-section{text-align:left;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:absolute;left:3rem;bottom:.5rem}.stopGame-section h2{cursor:pointer;font-weight:300;margin-left:1rem;font-size:1.7rem}.endPage-body{border:3px solid;margin:auto 33%;border-radius:10px}.score-display{color:#fff;margin:2rem 2rem 1.5rem}.score-display h2{font-size:2.5rem;font-weight:200}.score-display h1{font-family:"Share Tech Mono",monospace;font-size:3rem}.playAgain-section{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.playAgain-section h2{margin-left:1rem;cursor:pointer;font-size:2rem;font-weight:100}.quit-section{margin-left:3rem;margin-top:6rem;text-align:left;cursor:pointer}.quit-section h2{font-size:1.7rem;font-weight:100}.game-logo{padding-top:3rem}h1{font-size:3rem;margin:0 auto;font-weight:300}p{font-size:1rem;margin:0 25px}#tag-line{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-bottom:2rem}hr{width:7%;height:0;border:none;border-top:1.5px solid;margin:0}.dropdown-section{text-align:left;width:32%;border-radius:0 0 15px 15px;background-color:#fff;margin:auto 34%}.dropdown-section ul{padding:1rem .3rem;margin-top:0;margin-bottom:0}li{list-style:none;color:#032228;padding:.1rem 1rem;margin-left:0}li:hover{background-color:#053a45;border-radius:5px;color:#fff}.playMusic{border-radius:50%;position:absolute;right:15px;bottom:1rem;color:#ff5155;border:none;background:transparent}.playMusic:focus{outline:none}
/*# sourceMappingURL=main.c59f0724.chunk.css.map */