Css Learning has gotten me stuck

I can’t seem to figure out what I am doing wrong

It is telling me to make"Hello world!" orange and I can not seem to get that. It’s using the id to turn it orange and it’s not working

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

#orange-text{
colour:orange;
}

</style>
<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.113 Safari/537.36.

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

does the spelling here match the others?

Thx, its my habit seen as I’m from the u.k. Multiple times I’ve done it