body,html{padding:10px;margin:0;text-align:center;background-color:#2b3035;overscroll-behavior:none}body *{user-select:none}#score{position:relative;right:-1px;top:0;display:inline-block;padding:5px 8px;background-color:lightcoral;color:#FFF;font-weight:bold;border-radius:5px;box-shadow:#000000 0 0 8px -1px}#field{width:500px;max-width:100%;height:500px;max-height:100%;background-color:#676767;border-radius:8px;margin:20px auto;position:relative;overflow:hidden;box-shadow:#000000 0 0 8px -1px}#snakehead,.snakeBody,.fruit{position:absolute;width:20px;height:20px;border-radius:2px}#snakehead{left:0;top:0;background-color:limegreen}.snakeBody{background-color:greenyellow;border:1px solid lightgreen;box-sizing:border-box}.fruit{background-color:lightcoral}#buttons{display:inline-block;margin:0 auto;white-space:nowrap}.dirButton{width:50px;height:50px;margin:5px;vertical-align:middle;background-color:gray;display:inline-block;border-radius:8px;box-shadow:#000000 0 0 8px -1px}#stop{background-color:#2b3035}