index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Quick Quiz</title>
  <link rel="stylesheet" href="app.css" />
</head>

<body>
  <div class="container">
    <div id="home" class="flex-center flex-column">
      <h1 class="hero fadeIn">Quick Quiz</h1>
      <a class="btn fadeIn" href="./game.html">Play</a>
      <a class="btn fadeIn" href="./highscores.html">High Scores</a>
    </div>
  </div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js" integrity="sha512-IQLehpLoVS4fNzl7IfH8Iowfm5+RiMGtHykgZJl9AWMgqx0AmJ6cRWcB+GaGVtIsnC4voMfm8f2vwtY+6oPjpQ==" crossorigin="anonymous" defer></script>
  <script src="./homeAniamtion.js" defer></script>
</html>