Hls- cyan trouble

As you can see, the test I was given was to change the background-color using the hls method. But I keep getting this error when I run the test-" The
div element with class cyan should have a background-color of cyan." I am using the given hls code for cyan. It works for the green and blue classes so I’m not sure what to do.
If I could get feedback that would be great!
Thank you!

Your code so far

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;

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:52.0) Gecko/20100101 Firefox/52.0.

Challenge: Adjust the Hue of a Color

Link to the challenge:

Your code passes all tests when I run it. Do you have a browser extension that alters the appearance/colors of webpages?

No, all the colors show properly when I view the resulting colors of the hls sequence

What browser are you using and what version is it on?

I’m using FireFox latest version

Try resetting the challenge, doing a refresh, and adding your solution again. I tested it with the most recent version of Firefox (75) and it worked.

Thank you, I will try that!