Prioritize One Style Over Another-h1 should be in pink

Tell us what’s happening:
Though i set the class to display text in pink , the final output shows the text in green. please help me to solve this.

Your code so far

  body {
    background-color: black;
    font-family: monospace;
    color: green;
    color: pink; }
<h1 class="pink-text">Hello World!</h1>

Your browser information:

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

Link to the challenge:

Move the new css you added down so it is not inside the body section but still inside the style area.

Thanks for your reply. I got it