index.html

<html>

  <head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <title>The Snake Game</title>
    <link rel="stylesheet" href="style.css">
    <link rel = "icon" href = "favicon.png">

<link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,800;1,700&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">


  </head>
  <body >
    <div style="text-align:center">
      <header >
        <h1 class="heading"> <u>&nbsp Hungry Snake</u> </h1>
      </header>
      <p class="head2"> Click anywhere to begin or to start again </p>
      <canvas id = "mycanvas"  width = 1100px height= 800px> </canvas>

    </div>

    <script src = "snake2.js"></script>
  </body>
</html>