Learn the CSS Box Model by Building a Rothko Painting - Step 10

Tell us what’s happening:
Describe your issue in detail here.
the hint is

Hint

You should set the background-color property to #4d0f00.
but I have done the requested, I do not know what is wrong?
Your code so far

/* file: styles.css */
.canvas {
  width: 500px;
  height: 600px;
  background-color:#4d0f00;
}
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Rothko Painting</title>
    <link href="./styles.css" rel="stylesheet">
  </head>
  <body>
    <div class="canvas">
    </div>
  </body>
</html>

Your browser information:

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

Challenge: Learn the CSS Box Model by Building a Rothko Painting - Step 10

Link to the challenge:

hello, your colon : is not the expected character
I’m not sure why but it may be your keyboard.
I erased it and retyped it on my laptop and it worked for me when i did that.
Not sure if have access to some other character keyboard? (preferably english one?)