body{margin: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}*{margin:0;padding:0;box-sizing:border-box}body{background:#20a282}.container{overflow:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:linear-gradient(-45deg,#20a282,#d0e267,#20a282,#359964);background-size:400% 400%;-webkit-animation:gradient 20s ease infinite;animation:gradient 20s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1{margin-bottom:10px;color:#264b43;width:90%;text-align:center;padding:15px 0 20px 3px;border-top:4px dotted #264b43}.btnSubmit:hover{color:#000;font-weight:bolder}.btnSubmit{background-color:rgba(17,130,103,.77);border:none;color:#fff;padding:10px 24px;text-align:center;display:inline-block;font-size:13px;border-radius:.8em;margin:25px 10px 10px;font-family:"Lucida Grande","Lucida Sans Unicode","Geneva","Verdana",sans-serif;width:70%;cursor:pointer;box-shadow:1px 3px 8px 0 rgba(0,0,0,.2),0 4px 4px 0 rgba(0,0,0,.05)}.mainPage{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:rgba(32,162,130,.48);width:340px;height:360px;margin-top:4vh;margin-bottom:3.8vh;padding:13px;border-radius:2em;box-shadow:0 11px 35px 2px rgba(0,0,0,.14)}.startPlaying{padding-top:20px;padding-bottom:20px;color:#092619;font-size:25px}.changeServerFont,.startPlaying{text-align:center;font-family:"Consolas","Monaco","Bitstream Vera Sans Mono",sans-serif}.changeServerFont{padding-bottom:10px;font-size:20px}.form{display:block;overflow:auto}.form,.input{text-align:center;position:inherit}.input{width:70%;height:40px;border:#345244;border-radius:.8em;display:inline-block;font-family:"Lucida Grande","Lucida Sans Unicode","Geneva","Verdana",sans-serif;margin-bottom:15px;margin-top:15px;cursor:text;box-shadow:1px 3px 8px 0 rgba(0,0,0,.2),0 4px 4px 0 rgba(0,0,0,.05)}.label{font-size:smaller;text-align:center;bottom:10px}.popUp{min-width:450px;width:89%;display:inherit;overflow-x:auto;min-height:290px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.25);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.46)}label{font-family:"Lucida Grande","Lucida Sans Unicode","Geneva","Verdana",sans-serif}.popUp-inner{padding:34px;width:100%;height:100vh;min-width:200px;max-width:200px;max-height:200px;min-height:200px;background:rgba(32,162,130,.14);border-radius:1.8em;margin:0 1% 2%;display:inline-block;text-align:center;box-shadow:2px 5px 5px 2px rgba(0,0,0,.14);font-size:smaller}.snakeVertical{max-height:100px}.snakeHorizontal,.snakeVertical{margin-top:10px;position:relative;width:100%;height:100vh;max-width:90px}.snakeHorizontal{max-height:73px}.space{margin-top:20px;position:relative;width:100%;height:100vh;max-height:55px;max-width:100px}.downleft,.upleft,.upright{margin-top:10px}.downleft,.downright,.upleft,.upright{position:relative;width:100%;height:100vh;max-height:100px;max-width:90px}.downright{margin-top:8px}@media only screen and (max-width:1026px){.popUp{display:-webkit-inline-flex;display:inline-flex;margin-left:18px}}.leaderboard{width:300px;height:300px;z-index:1;background:rgba(241,208,42,.34);border-radius:.8em;min-width:200px;min-height:200px;padding:10px;margin:0 0 50px;box-shadow:0 11px 15px 2px rgba(0,0,0,.14)}.headerLeader{font-size:x-large;font-weight:700;font-family:"Consolas","Monaco","Bitstream Vera Sans Mono",sans-serif}@media only screen and (max-width:1020px){.leaderboard{margin:0 0 70px}}.canvas_game{-webkit-flex-direction:column;flex-direction:column;background:rgba(32,162,130,.48);display:-webkit-flex;display:flex;min-height:100%;width:100%;margin:0;padding:0}.canvas_game>h2{margin-bottom:0;margin-top:10px;-webkit-flex-direction:column;flex-direction:column;text-align:center;font-weight:bolder;font-family:"Lucida Grande","Lucida Sans Unicode","Geneva","Verdana",sans-serif}.btnSound,.canvas_game>h2{display:inline-block;font-size:large;color:#fff}.btnSound{margin-left:30px;float:left}.btnLogout,.btnSound{background-color:#d55a16;border:none;padding:10px;width:10%;min-width:30px;border-radius:.8em;box-shadow:1px 3px 3px 1px rgba(0,0,0,.2),0 4px 4px 0 rgba(0,0,0,.05)}.btnLogout{color:#fff;margin-right:30px;float:right;display:inline-block;font-size:large}.btnLogout:hover{color:#000;font-weight:700}.connectedPlayersContainer{left:85%;width:14.5%;height:45%;position:absolute;background:rgba(255,234,73,.27);text-align:left;font-size:90%;margin-top:10px;border-radius:6px}.indexes{padding-left:10px;padding-top:4px;font-weight:inherit;padding-right:10px}.score{padding-left:20px}.thisUser{color:#164cd5;text-shadow:-.5px 0 #000,0 1px #000,.5px 0 #000,0 -1px #000}.header{font-size:large;font-weight:700}.errorPlayerBoard{text-align:center;vertical-align:center;line-height:350px;font-weight:700}
/*# sourceMappingURL=main.a23eb565.chunk.css.map */