snakeGame.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
  <title>Snake</title>
</head>
<body>
<div class="basicStyling" id="fullScreen">
  <div id="endModal" class="basicStyling">
    <div class="centerArea" id="modalContent">
      <p id="modalText"></p>
      <button type="reset" id="resetButton" class="buttonStyle">Play Again</button>
      <button type="button" id="closeButton" class="buttonStyle">Close</button>
    </div>
  </div>
    <div id="topSide">
      <p>Select the Difficulty</p>
      <button type="button" id="difficultyEasy" class="buttonStyle">Easy</button>
      <button type="button" id="difficultyMedium" class="buttonStyle">Medium</button>
      <button type="button" id="difficultyHard" class="buttonStyle">Hard</button>
    </div>
  <canvas id="gamescreen" width="1100" height="1100"></canvas>
  </div>
  <script src="script.js"></script>
</body>
</html>