index.html

<script src="https://cdn.tailwindcss.com"></script>
<style>
  body{
    margin: 0;
    background: black;
  }
</style>

<div class="fixed text-white text-xl select-none ml-2 mt-1"><span>Score: </span><span id = "scoreNum">0</span></div>

<div id="startMenu" class = "fixed inset-0 flex items-center justify-center">
  <div class = "bg-white max-w-md w-full p-6 text-center">
  <h1 class = "text-4xl text-bold leading-none" id="menuScore">0</h1>
  <p class = "text-sm text-gray-700 mb-3">points</p>
  <div><button id="startBtn" class = "bg-blue-500 text-white text-sm w-full py-2 rounded-full">Start Game</button></div>
  </div>
</div>

<canvas></canva>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="./index.js"></script>