#root,body,html{margin:0;width:100%;height:100%}#root{background-image:url(/static/media/Group\ 243.e9f4eed6.svg)}@font-face{font-family:"breamcatcher";src:local("breamcatcher"),url(/static/media/breamcatcher.d4ccc48c.ttf) format("opentype")}@font-face{font-family:"lasercorpsgrad";src:local("lasercorpsgrad"),url(/static/media/lasercorpsgrad.9f77e39e.ttf) format("opentype")}@font-face{font-family:"Gotham";src:local("Gotham"),url("/static/media/Gotham Book Regular.a563635d.otf") format("opentype")}.App{height:100%;width:100%;display:grid;background-image:linear-gradient(#000,rgba(1,30,36,.87));grid-template-rows:1fr auto 1fr;grid-template-columns:unset;grid-template-areas:"right" "middle" "left";box-sizing:border-box;padding:10px}.App .App-left{grid-area:left;display:flex;align-items:flex-end}.App .App-middle{grid-area:middle;display:flex;justify-content:center}.App .App-right{grid-area:right;display:flex;justify-content:flex-end}.App.wide-screen{padding:25px;grid-template-columns:1fr auto 1fr;grid-template-areas:"left middle right";grid-template-rows:unset}.App-Input{outline:none;height:50px;border-radius:15px;box-shadow:0 3px 16px 0 rgba(0,0,0,.8);background-color:hsla(0,0%,100%,.59);padding:0 10px;width:100%;text-transform:uppercase;box-sizing:border-box;margin-bottom:15px;font-family:"breamcatcher",sans-serif;font-size:25px;color:#032228;border:1px solid transparent}.App-Input.wide-screen{height:90px;font-size:35px;padding:0 25px;margin-bottom:25px}.App-Input:hover{border:1px solid #fff;transition:all .3s;box-shadow:5px 5px 5px 0 #fff}.App-Timer{position:relative}.timer_count{color:#fff;font-size:57px;position:absolute;display:flex;align-items:center;justify-content:center}@-webkit-keyframes time-circle{to{stroke-dashoffset:0}}@keyframes time-circle{to{stroke-dashoffset:0}}.App-Word{display:flex;margin:30px 0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.App-Word div{transition:all .2s;color:#fff;font-size:92px;font-weight:500;font-family:"Gotham";text-transform:uppercase;position:relative;top:0}.App-Word div.matched{color:#54ba18;-webkit-animation:matched-letter .5s cubic-bezier(.59,2.47,0,.02);animation:matched-letter .5s cubic-bezier(.59,2.47,0,.02)}.App-Word div.unmatched{color:#445298;-webkit-animation:unmatched-letter .5s cubic-bezier(.59,2.47,0,.02);animation:unmatched-letter .5s cubic-bezier(.59,2.47,0,.02)}@-webkit-keyframes unmatched-letter{0%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}to{transform:rotate(0deg)}}@keyframes unmatched-letter{0%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}to{transform:rotate(0deg)}}@-webkit-keyframes matched-letter{0%{transform:scale(1)}50%{transform:scale(1.1)}10%{transform:scale(1)}}@keyframes matched-letter{0%{transform:scale(1)}50%{transform:scale(1.1)}10%{transform:scale(1)}}.App-Game{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:red}.App-Game div{font-family:"Gotham",sans-serif;font-size:30px;color:#fff}.App-Game.wide-screen div{font-size:62px}.intro-text{-webkit-animation:intro .3s ease-out;animation:intro .3s ease-out}@-webkit-keyframes intro{0%{opacity:0}1000%{opacity:1}}@keyframes intro{0%{opacity:0}1000%{opacity:1}}.App-Icon-Button{display:flex;align-items:center;padding:5px;border-radius:10px;border:1px solid transparent;box-shadow:0 0 0 0 red;transition:all .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:11px 0;outline:none;font-family:"Gotham",sans-serif}.App-Icon-Button span{margin-right:20px;color:#ff5155;margin-left:20px}.App-Icon-Button:hover{cursor:pointer;border:1px solid red;box-shadow:5px 5px 5px 0 red}.App-Icon-Button:active,.App-Icon-Button:focus{border:1px solid #fff;box-shadow:5px 5px 10px 0 #fff}.App-Icon-Button:hover img{transition:all .3s}.App-Icon-Button[disabled]:focus,.App-Icon-Button[disabled]:hover{box-shadow:none;cursor:default;border:1px solid transparent}.App-line-text{position:relative;color:#ff5155;display:flex;justify-content:center;width:100%;font-family:"Gotham",sans-serif}.App-line-text .line{position:relative;bottom:50%;border-bottom:1px solid #ff5155;flex:1 1}.App-line-text .text{margin:0 10px;font-size:18px}.App-line-text.wide-screen .text{font-size:26px}.App-Home{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:362px}.App-Home.wide-screen{max-width:662px}.App-name{color:#ff5155;font-size:31px;margin-top:20px;font-family:"lasercorpsgrad",sans-serif}.App-Home.wide-screen .App-name{font-size:61px}.App-tag{margin-bottom:30px}.App-Home.wide-screen .App-tag{margin-bottom:60px}.App-Home .App-logo{width:180px}.App-Home.wide-screen .App-logo{width:unset}.App-Dropdown{position:relative;width:100%;margin-top:10px;margin-bottom:50px;outline:none;border-radius:10px;border:1px solid transparent;font-family:"breamcatcher",sans-serif}.App-Dropdown.wide-screen{margin-top:20px;margin-bottom:100px}.App-Dropdown:hover{border:1px solid #fff}.App-Dropdown:focus,.App-Dropdown:hover{transition:all .3s;box-shadow:5px 5px 5px 0 #fff}.App-Dropdown .dropdown-main{color:#97a5a7;font-size:25px;padding:0 15px;border-radius:10px;border:1px solid #97a5a7;display:flex;align-items:center;justify-content:space-between;height:50px;box-sizing:border-box;cursor:pointer}.App-Dropdown.wide-screen .dropdown-main{font-size:35px;padding:0 29px;height:90px}.App-Dropdown .dropdown-options{font-size:20px;position:absolute;width:100%;display:none}.App-Dropdown.wide-screen .dropdown-options{font-size:25px}.App-Dropdown .dropdown-options.show{display:block}.App-Dropdown .dropdown-options__content{background-color:hsla(0,0%,100%,.796);display:flex;flex-direction:column;border-radius:0 0 10px 10px;padding:10px;margin:0 10px 10px}.App-Dropdown .dropdown-options span{padding:8px;cursor:pointer;color:#032228;border-radius:10px}.App-Dropdown .dropdown-options span.selected{color:#fff;background-color:rgba(5,58,69,.39)}.App-Dropdown .dropdown-options span:focus,.App-Dropdown .dropdown-options span:hover{transition:all .3s;color:#fff;background-color:rgba(5,58,69,.39)}.App-Dropdown .dropdown-options span:focus{outline:none}.App-EndGame{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:"Gotham",sans-serif}.end__game-name{font-size:35px;margin-bottom:20px}.App-EndGame.wide-screen .end__game-name{font-size:70px;margin-bottom:47px}.end__game-time{font-size:60px;margin-bottom:16px}.App-EndGame.wide-screen .end__game-time{font-size:118px;margin-bottom:26px}.end__game-high{font-size:25px;margin-bottom:30px}.App-EndGame.wide-screen .end__game-high{font-size:53px;margin-bottom:76px}.App-Scoreboard{display:flex;flex-direction:column;border:3px solid #ff5155;padding:10px;border-radius:15px;font-size:30px;height:100%}.App-Scoreboard .scoreboard-title{color:#ff5155;font-size:36px;margin:20px 0}.scoreboard-score{display:flex;flex-direction:column}.scoreboard-best{font-size:11px;color:#ff5155}.scoreboard-data{color:#fff;margin-bottom:12px}.App-left__panel{width:100%;max-width:unset;flex-direction:row;display:flex}.App-left__panel.wide-screen{max-width:300px;flex-direction:column;width:unset;height:100%}.game-details{margin-bottom:30px}.game-end{margin-top:30px}.score-card-container{flex:1 1}.App-right__panel{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:row;align-items:flex-start;font-size:30px;color:#ff5155;font-family:"lasercorpsgrad",sans-serif;text-align:start}.App-right__panel span{margin-top:30px}.App-right__panel.wide-screen span{margin-top:0}.App-right__panel.wide-screen{flex-direction:column;align-items:flex-end;text-align:end;font-size:unset;font-size:56px}
/*# sourceMappingURL=main.8d16067b.chunk.css.map */