Hello everyone, I've been stuck on this and I don't understand what am I doing wrong. Can someone help me solve this? Thank you!

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:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.1 Safari/605.1.15.

Challenge: Prioritize One Style Over Another

Link to the challenge:

Is a syntax error:

.pink-text {
color: pink;

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

Your { } brackets are all messed up. Your pink-text class is inside the body class and needs to be moved out. Example

body {
content
}

.pink-text {
content
}