Help stuck Override Styles in Subsequent CSS

HTML-CSS
1

I am stuck here I wrote the code but it says error Your h1 element should be blue.

  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>
1 Like
2

I think that you have a bracket in the wrong place.

  .pink-text {
    color: pink;
  
 .blue-text {
    color:blue;
  }
  }

should be:

  .pink-text {
    color: pink;
  }

 .blue-text {
    color:blue;
  }
3

Thank you very much!!!