Inherit Styles from the Body Element (help I am stuck here)

Tell us what’s happening:

Your code so far



<style>
  body {
    font-family: monospace;
    background-color: green;
  }

</style>

<body>
<h1> Hello World! </h1>
</body>

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/inherit-styles-from-the-body-element

Just in case anyone who is stuck here, these are the correct code:

<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
  }
</style>
<h1>Hello World!</h1>

Explanation:
Turn out that the correct answer is to have green color word of the “hello world” and the background still remaining black.