Prioritize One Style Over Another Help

HTML-CSS
1 
<style>
  
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
    }
  .pink-test{color:pink;}
 
</style>
<h1 class = "pink-test">Hello World!</h1>

This is my code and it is also showing the same error.Please help ASAP.

2

pink-test should be pink-text.

3

Classes takes priority so the text will be shown as pink.

4

Thank you for the help.I wonder how i missed it.

5

it’s text,you have made it test.Please correct it and run it again