Diseño visual aplicado - Ajusta el matiz de un color

Español HTML-CSS
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.
No encuentro el error

  **Tu código hasta el momento**

<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>

  **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Desafío: Diseño visual aplicado - Ajusta el matiz de un color

Enlaza al desafío:

2

Al parecer hay un error en como se están mostrando los ejemplos.
Se debería de ver así, sin espacio entre el número y el símbolo de porciento

rojo	hsl(0, 100%, 50%)

Solo quita los espacios de tu código y funcionará correctamente.