Prioritize One Style Over Another(my style keeps saying incorrect)

HTML-CSS
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>Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:63.0) Gecko/20100101 Firefox/63.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/prioritize-one-style-over-another

My style keeps saying that its incorrect even when i check it against other help forms and attempt or check my own style it constantly says that its incorrect. i have undone the class for the H1 in an attempt to focus on the style so you will not see it on this post using mozilla

2

In your CSS style you are using the wrong symbol. Look at how the existing styles are formed

I also don’t see any elements that are of class pink

3

it looks the same to me as the body also i watched the help video and read and attempted other help forms so please say in details how my symbols are wrong with examples thanks much appreciated if you can help

4

= vs :
You were very close