Why is my code not working

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;
  .blue-text{
    color-blue;
  }
  }
</style>
<h1 class="pink-text blue-text"> Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/override-styles-in-subsequent-css/

2

You need to close the .pink-text selector before starting the .blue-text

  .pink-text {
    color: pink;
/* the selector should close here ( } ) */
  .blue-text{
    color-blue;
  }
  }
3

can you help me aging

4

You need the selectors like this

.pink-text { /* open */

} /* close */

.blue-text { /* open */

} /* close */

not like this

.pink-text { /* open */
  .blue-text { /* open */
 } /* close */
} /* close */