I just filling hsl value for given colors. Let me know what I’m missing

Tell us what’s happening:

Your code so far


<style>
body {
  background-color: #FFFFFF;
}

.green {
  background-color: hsl (120, 100%, 50%)
}

.cyan {
  background-color: hsl(180, 100%, 50%)
}

.blue {
  background-color: hsl (240, 100%, 50%)
}

div {
  display: inline-block;
  height: 100px;
  width: 100px;
}
</style>

<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Mobile/15E148 Safari/604.1.

Challenge: Adjust the Hue of a Color

Link to the challenge:

remove the space after hsl and add all the semicolons at the end of the lines