Over riding styles in subsequent css

[emcbridevipemails]

just stuck like chuck on this what am i doing wrong here

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

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36 Edg/90.0.818.66.

Challenge: Override Styles in Subsequent CSS

Link to the challenge:

freeCodeCamp.org

[Roma]

Do you have the code duplicated like that or did you edit it afterwards?

There should be only one.

The issue you are seeing is because you are not correctly applying the class attribute.
Revisit the lesson as it shows how to apply multiple class attributes to a HTML element.

You can reset the lesson by clicking the “Reset All Code” button