Inline style problem

Tell us what’s happening:
Hi everyone.
I used the same code at the end of my development.
But…
Can you tell me why with the exact same code I can see two differents colors? (orange and white)
And…
When I delete the top code for orange my “Hello World” looks white, and when I delete the bottom code my “Hello World” looks orange.
The problem is: same code differents results. I´m going crazy.
Your code so far


<style>
 body {
   background-color: black;
   font-family: monospace;
   color: green;
 }
 #orange-text {
   color: orange;
 }
 .pink-text {
   color: pink;
 }
 .blue-text {
   color: blue;
 }
</style>
<h1 id="orange-text" class="pink-text blue-text" style="color: withe;">Hello World!</h1>

<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 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36 Edg/89.0.774.68.

Challenge: Override Class Declarations with Inline Styles

Link to the challenge:

Ufff…
Done! I had an elephant just under my nose and I couldn’t see it.
The error was that I wrote “withe” instead of white ".
Post closed