Help! I am stuck here. why?

1

Tell us what’s happening:

Your code so far

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

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:55.0) Gecko/20100101 Firefox/55.0.

Link to the challenge:
https://www.freecodecamp.org/challenges/prioritize-one-style-over-another

2

define your new class outside of the style class body. So you should have two classes inside style tag like this

body { background-color: black; font-family: Monospace; color: green; } .pink-text{color: pink;}
4

:heart_eyes:thank you