Override Styles "pink-text blue-text"

**Tell us what’s happening:**My code is exactly right and it will not run correctly? it will not turn Hello World! Blue

  **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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36.

Challenge: Override Styles in Subsequent CSS

Link to the challenge:

Hi,

Your pink-class is not closed (} is missing!)

1 Like