Not sure what is incorrect

Tell us what’s happening:

  **Your code so far**

<style>
header {
  background-color: hsl(180, 90%, 35%);
  color: #FFFFFF;
}

nav {
  background-color: hsl (180, 80%, 25%);

}

h1 {
  text-indent: 10px;
  padding-top: 10px;
}

nav ul {
  margin: 0px;
  padding: 5px 0px 5px 30px;
}

nav li {
  display: inline;
  margin-right: 20px;
}

a {
  text-decoration: none;
  color: inherit;
}
</style>

<header>
<h1>Cooking with FCC!</h1>
<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Classes</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>
</header>
  **Your browser information:**

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1.

Challenge: Adjust the Tone of a Color

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

The more information you give us, the more likely we are to be able to help.

Hello, remember to always place a question in your text, and some other information like what are your difficulties and what you already tried. :question:

So you said you are not sure what is incorrect, but we don’t know what you tried…
Have you already searched for a typing error in the line you wrote?

Compare to the other hsl color in header to see how it is typed different from the hsl in nav, that even the editor colors the pasted text differently. Just one wrong character can make code go wrong.

The function name and the parentheses can not have a space between them.

Does not work:
hsl (180, 80%, 25%);

Does work:
hsl(180, 80%, 25%);