Prioritize One Style Over Another-h1 should be in pink

HTML-CSS
1

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


<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
    .pink-text{
    color: pink; }
    
  }
</style>
<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:
https://learn.freecodecamp.org/responsive-web-design/basic-css/prioritize-one-style-over-another

2

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

3

Thanks for your reply. I got it