These blocks are not changing even after following the instructions exactly

Tell us what’s happening:

I can’t seem to get this to work. The blocks will not change color and the tests will not pass but I am doing exactly what the lesson says to,do. Any help would be greatly appreciated. Thanks

Your code so far

body {
  background-color: #FFFFFF;

.green {
  background-color: hs1(120, 100%, 50%);

.cyan {
  background-color:hs1(180, 100%, 50%);

.blue {
  background-color: #000000;

div {
  display: inline-block;
  height: 100px;
  width: 100px;

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Adjust the Hue of a Color

Link to the challenge:

hsl not hs1. The letter L not the number 1. :upside_down_face: