Build a Stylized To-Do List - Build a Stylized To-Do list

HTML-CSS
1

Tell us what’s happening:

hola, parece que no lee la consola de css y que no me permitiera realizar ningun cambio, puede por favor alguien que le hubiera sucedido algo parecido o quien sepa que pasa explicarme el error, por favor, muchas gracias.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
    <link rel="stylesheet" >
</head>

<body>
    <ul class="todo-list">
        <li>
            <input type="checkbox" id="name">
            <label for="name">Name</label>
            <ul class="sub-item">
                <li><a class="sub-item-link" href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="_blank">kary</a></li>
            </ul>
            
        </li>
        <li>
            <input type="checkbox" id="tel">
            <label for="tel">telefono</label>
            <ul class="sub-item">
                <li><a class="sub-item-link" href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="_blank">Dark</a></li>
            </ul>
        </li>
        <li>
            <input type="checkbox" id="dir">
            <label for="dir">direccion</label>
            <ul class="sub-item">
                <li><a class="sub-item-link" href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="_blank">Lean</a></li>
            </ul>
        </li>
        <li>
            <input type="checkbox" id="corr">
            <label for="corr">correo</label>
            <ul class="sub-item">
                <li><a class="sub-item-link" href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="_blank">Sheel</a></li>
            </ul>
            
        </li>  
    </ul>
    

</body>

</html>

/* file: styles.css */
.todo-list{
list-style:none;
}
.sub-item-link{
text-decoration:none;
}
.sub-item-link :hover{
  color:blue;
}
.sub-item-link :link{
  color:gray;
}
.sub-item-link :focus{
  color:yellow;
}
.sub-item-link :visited{
  color:orange;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36 Edg/134.0.0.0

Challenge Information:

Build a Stylized To-Do List - Build a Stylized To-Do list

2

You didn’t link to the stylesheet correctly.

You can also refer back to a previous challenge.