Prioritize One Style Over Another hi im stuck, can't move on

HTML-CSS
1

Tell us what’s happening:

Your code so far

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text{
    color: pink;
  }
  h1{
    color: pink;
  }
</style>
<h1 pink-text> Hello World! </h1>```
**Your browser information:**

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

**Link to the challenge:**
https://www.freecodecamp.org/challenges/prioritize-one-style-over-another
3

i didn’t understand, ive put the
.pink-text {
color: pink;
} but it still doesn’t work, also ive looked at the link and i think i did the same and still i can’t proceed