Learn Basic JavaScript by Building a Role Playing Game - Step 1

It is required of me to include link tag for linking my stylesheet to styles.css file.
This is the code I have so far:

RPG - Dragon Repeller
  <div id="game">

  </div>


</body>

, and it still says I should include the link elemet - I don’t understand what I did wrong. Please assist.


<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <body>
      <meta charset="UTF-8">
      <title>RPG - Dragon Repeller</title>
      <link rel="stylesheet" href="styles.css">
  

      <div id="game">

      </div>


    </body>
  </head>
</html>

<!-- User Editable Region -->

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Learn Basic JavaScript by Building a Role Playing Game - Step 1

Hello.
Your code has to adhere to a certain structure. The head element comes first, then the body element. All meta tags and the CSS link should be in the head element. The div element should go into the body element.