@font-face{font-family:nokiafc22;src:url(/static/media/nokiafc22.440b53b1.ttf) format("truetype")}html{box-sizing:border-box;background-color:#272727;width:100%;height:100%}*,:after,:before{box-sizing:border-box}body,figure{margin:0;font-family:nokiafc22}.game{color:#fff;text-align:center}.game .container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.game .container .board{-webkit-flex:0 0 60%;flex:0 0 60%}.game .test2{line-height:2rem;padding:15px 30px}.game .test2 input[type=text]{font-size:1rem;font-family:nokiafc22;background:transparent;border:none;border-bottom:1px solid #fff;color:#fff}.game .test2 button{font-size:1rem;font-family:nokiafc22;background:transparent;border:1px solid #fff;color:#fff;cursor:pointer}@media screen and (max-width:800px){.game .container{-webkit-flex-direction:column;flex-direction:column}.game .container .board{-webkit-order:1;order:1}.game .container .instructions{-webkit-order:2;order:2;padding-top:30px}.game .container .ranking{-webkit-order:3;order:3}.game .container .ranking .ranking-wrap{position:relative}}#snake-canvas{width:100%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}.row{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;line-height:2rem}.row,.row .column{display:-webkit-flex;display:flex}.row .column{-webkit-flex-direction:column;flex-direction:column;-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex:1 1;flex:1 1;margin:0}.ranking{-webkit-flex:0 0 20%;flex:0 0 20%;position:relative;padding:0 30px}.ranking h4{margin-top:0;color:#e5da69}.ranking .ranking-wrap{position:absolute;left:0;top:5%;right:0;bottom:0;overflow:auto}.instructions{-webkit-flex:0 0 20%;flex:0 0 20%;position:relative;padding:0 30px}.instructions h4{margin-top:0;color:#65dca9}.instructions .instructions-wrap p{padding:15px 0;line-height:2rem;text-align:justify;margin:0}
/*# sourceMappingURL=main.2bb4326b.chunk.css.map */