Help stuck Override Styles in Subsequent CSS

<%= @topic_view.topic.title %>
<%= @topic_view.topic.average_rating %> <%= @topic_view.topic.posts.count { |p| !!p.custom_fields['rating'] } %>

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

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;
  }
  

Thank you very much!!!