Already Pink but won't go through

Tell us what’s happening:
Describe your issue in detail here.

Hello,

On the third panel to the right where the actual code is seen is in pink
so that tells me that it’s right but I can’t go on.
Can someone please tell me what I have going wrong?

  **Your code so far**

<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
#orange-text {
  color: orange;
}
.pink-text {
  color: pink !important;
}
.blue-text {
  color: blue;
}
</style>

<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.2; Win64; x64; rv:94.0) Gecko/20100101 Firefox/94.0

Challenge: Override All Other Styles by using Important

Link to the challenge:

Hi and Welcome to the Forums!

I’ve just copy pasted your code and it passed all the tests.
This means the issue is probably something to do with your home setup. Most people that have this problem find disabling the ad-blocker seems to help.

Give it a try and let us know if it still isn’t working.

I disabled adblocker per your request but to no avail. Decided to try with Safari and it went through. Will use Safari from now on since I crossed-checked my code with VS Code and W3C Markup Validator before asking for help.

Thank you for your help!!