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}*,:after,:before{box-sizing:border-box}.App{max-width:317px;text-align:center}.title-container{border-radius:4px 4px 0 0;box-shadow:0 4px 1px 1px #97a5a5,0 6px 1px 1px #3c4a4a,0 0 1px 1px #3c4a4a}.title{margin:0;padding:8px;font-size:1.1rem}.is-hidden{visibility:hidden!important}#root{display:flex;justify-content:center;align-items:center;height:100vh}.dots{height:9px;width:9px}.dots,.Field{background:#0f1d1d}.Field{display:flex;flex-wrap:wrap;margin-top:2px;color:#fff;border-radius:0 0 4px 4px;border:1px solid hsla(0,0%,100%,.18823529411764706);box-shadow:0 4px 1px 1px #0c1818,0 6px 1px 1px #060f0d}.snake{background:#fff}.food{background:pink}.navigation{display:flex;margin-top:4px;justify-content:space-evenly;color:#fff;font-weight:700;background:#020705;box-shadow:0 4px 1px 1px #020604,0 6px 1px 1px #010403;border:1px solid hsla(0,0%,100%,.18823529411764706)}.navigation-item{padding:16px;display:flex;align-items:center}.navigation-item-number-container{display:flex;padding:0 8px;align-items:center;margin-left:8px}.num-board{display:flex;justify-content:center;align-items:center;background:#0f1d1d;height:48px;width:24px}.difficulty-number{margin-right:8px}.difficulty-button{cursor:pointer;width:8px;height:8px;border:8px solid #0f1d1d;margin:8px}.difficulty-button-container{background:#0f1d1d}.difficulty-up{margin-top:4px;border-bottom:8px solid hsla(0,0%,94.1%,.3137254901960784);transition:all .5s ease}.difficulty-up:hover{transform:scale(1.1);border-bottom:8px solid #fff}.difficulty-up:active{transform:scale(.8);opacity:.8}.difficulty-down{margin-bottom:4px;border-top:8px solid hsla(0,0%,94.1%,.3137254901960784);transition:all .5s ease}.difficulty-down:hover{transform:scale(1.1);border-top:8px solid #fff}.difficulty-down:active{transform:scale(.8);opacity:.8}.btn{border:0;cursor:pointer;color:#fff;border-radius:4px;width:100%;font-weight:700;padding:8px 16px;font-size:1rem;text-transform:uppercase;transition:all .2s ease}.btn-init,.btn-suspended{box-shadow:0 4px 1px 1px #199a4b,0 6px 1px 1px #0b5420;background:#23ce6b}.btn-playing{box-shadow:0 4px 1px 1px #d4a752,0 6px 1px 1px #956933;background:#ffd166}.btn-gameover{box-shadow:0 4px 1px 1px #ce3959,0 6px 1px 1px #8b1c2c;background:#ef476f}.btn:focus{outline:0}btn:active{box-shadow:0 0 0 0;transform:translateY(6px)}.btn-init:active,.btn-suspended:active{background:#20bd60}.btn-playing:active{background:#eabc5c}.btn-gameover:active{background:#de4064}.manipulation-panel{margin-top:2px;display:flex;justify-content:center}.manipulation-btn{min-width:106px;margin:4px 2px;background:#52b4e8;box-shadow:0 4px 1px 1px #4293c4,0 6px 1px 1px #21507b}.btn-move:active{background:#4293c4}.btn-left,.btn-right{min-width:106px;width:106px}.btn-left{margin-left:0}.btn-right{margin-right:0}.btn-down,.btn-up{margin-left:0;margin-right:0}
/*# sourceMappingURL=main.2b677461.chunk.css.map */