*{padding:0;margin:0}.body{justify-content:center;min-height:100vh;background:url(/_next/static/media/bg.af06908f.webp);background-size:100vw 100vh}.body,.controls{display:flex;align-items:center}.controls{flex-direction:column;margin-top:20px}.controls div{display:flex;justify-content:center}.controls button{width:50px;height:50px;font-size:20px;margin:5px;border:none;background-color:#333;color:#fff;border-radius:5px}.controls button:active{background-color:#555}#board{background:linear-gradient(#aaecaa,#ececa7);width:90vmin;height:92vmin;border:2px solid #000;display:grid;grid-template-rows:repeat(18,1fr);grid-template-columns:repeat(18,1fr)}#scoreBox{top:190px;position:absolute;right:200px;font-weight:700;font-size:40px}.head{background:linear-gradient(#f07c7c,#e4e481);border:2px solid #220422;transform:scale(1.02);border-radius:9px}.snake{background-color:purple;border:.25vmin solid #fff;border-radius:12px}.food{background:linear-gradient(red,purple);border:.25vmin solid #000;border-radius:8px}