index.html

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

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" a href="style.css" />
    <link
        href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display&family=Dancing+Script&family=Fascinate&family=Permanent+Marker&family=Press+Start+2P&family=Splash&family=Yellowtail&display=swap"
        rel="stylesheet" />
    <title>Fantasy64</title>

</head>
<div class="crt">

    <body>

      <div id="artBox">
        <div id="highScoreDiv" class="highScoreNumberSize">High Score
          <div id = "highScoreDivNumber">0</div>
        </div>
        <div id="castleDiv"></div>
        <div id="monsterDiv"></div>

        <div id="scoreDiv" class="scoreNumberSize">Score
          <div id = "scoreDivNumber">0</div>

        </div>
      </div>
      <br />
      <div id="questionBox">
        <div id="questionDiv">
          
        </div>
        <div id="answerDiv"></div>
        <form id="inputForm">
          <button type = "button" class = "button" id = "resetButton">reset</button>
          <input type="text" id="inputBox" name="inputBox" />
          <div id="buttonBox">
            <button type="button" class="button" id= "enterButton">enter</button>
            <button type="button" class="button" id= "nextButton">next</button>
          </div>
        </form>
      </div>
    </body>
</div>
<script src="app.js"></script>

</html>