body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}body,code,html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,html{box-sizing:border-box;color:#fff;margin:0;min-height:100vh;min-width:100%;overflow:hidden;padding:0}.game-container{height:100vh}.game-container,.score-info{display:flex;flex-direction:column;width:100%}.score-info{background-color:#222;box-sizing:border-box;justify-content:space-around;left:0;padding:10px 20px;position:relative;top:0;z-index:1}.footer{justify-content:space-evenly}.footer,.main-si{align-items:center;display:flex}.main-si{flex-direction:row;justify-content:space-around}.new-game-button{background-color:#222;border:none;color:#fff;cursor:pointer;font-size:16px;padding:3px 8px}.new-game-button:hover{background-color:#333;border-radius:5px}.game-area{align-items:center;display:flex;height:calc(100vh - 71px);justify-content:center;margin-top:0}.game-area,.game-board{background-color:#54b435;position:relative;width:100%}.game-board{height:calc(100vh - 70px);top:5px}.game-over{color:#000;display:flex;font-size:24px;height:auto;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;width:auto}.snake-dot{background-color:#222;border-radius:10%;height:1%;position:absolute;transition:all .2s ease;width:.6%;z-index:2}.snake-dot:last-child{background-color:red;border-radius:50%}.bait{background-color:#222;border-radius:50%;height:1%;position:absolute;transition:all .2s ease;width:.6%;z-index:1}@media (max-width:480px){.score-info{flex-direction:column;padding:5px}.score-info span{font-size:medium}.main-si,.main-si button{font-size:smaller}.main-si button{color:#54b435}.game-area,.game-board{height:calc(100vh - 184px)}.game-board{width:100%}.bait,.snake-dot{height:9px;width:9px}.game-over{font-size:18px;overflow:hidden;width:100%}.controls{align-items:center;background-color:#222;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;padding:10px;position:fixed;width:100%;z-index:3}.controls button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin:5px;padding:10px 20px}.controls button:active{background-color:#555}}@media (min-width:481px) and (max-width:767px){.game-area,.game-board{height:calc(100vh - 191px);top:35px}.game-board{width:100%}.score-info{background-color:#222;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1}.footer,.main-si{width:100%}.main-si{align-items:center;display:flex;justify-content:space-between}.bait,.snake-dot{height:10px;width:10px}.game-over{font-size:18px;overflow:hidden;width:100%}.controls{align-items:center;background-color:#222;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;padding:10px;position:fixed;width:100%;z-index:3}.controls button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin:5px;padding:10px 20px}.controls button:active{background-color:#555}}
/*# sourceMappingURL=main.4634d914.css.map*/