body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;  /* Center the game board horizontally */
    align-items: center;      /* Center the game board vertically */
    height: 100vh;            /* Full viewport height */
    background-color: #111;   /* Dark background for the page */
    font-family: 'Arial', sans-serif; /* Clean, simple font */
}

#game-board {
    width: 400px;    /* Set the width of the game board */
    height: 400px;   /* Set the height of the game board */
    background-color: #000; /* Classic black background for the game */
    position: relative; /* Position relative to add snake and food */
    border: 3px solid #00FF00; /* Neon green border for classic feel */
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(45deg, #333 25%, transparent 25%), linear-gradient(-45deg, #333 25%, transparent 25%);
    background-size: 20px 20px; /* Grid pattern on the background */
    box-sizing: border-box;  /* Ensure border is included in the size */
}

.snake-body {
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: lightgreen; /* Color for the snake body */
}

.snake-body:first-child {
    background-color: green; /* Color for the snake head */
}

#food {
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: red; /* Classic red color for the food */
}