Having troube with Override Class Declarations with Inline Styles

I can not figure this out:

My code so far

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  #orange-text {
    color: orange;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }

</style>
<h1 id="orange-text"class="pink-text blue-text">Hello World!</h1>
<h1 style="color: white">

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:58.0) Gecko/20100101 Firefox/58.0.

Link to the challenge:
https://www.freecodecamp.org/challenges/override-class-declarations-with-inline-styles

Inline styles should be included in the opening HTML tag of the element they modify:

<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

With your code, where the inline style is declared in a new opening tag <h1>, the color white will be applied only on the text you put after <h1 style="color: white"> while the Hello World! won’t be affected.