O tamanho da fonte não é alterado | jQuery: domine a biblioteca mais popular do mercado parte 1

Na parte do curso Estilizando o Jogo, se inicia o processo de interação com o CSS. Gerei o arquivo estilos.css, fiz o vínculo com o HTML, mas o tamanho da fonte quando alterado, não causa mudanças visuais na página. Alguém pode me explicar onde está o erro.

DOCTYPE html>
<html lang="pt-br">

    <head>

          <meta charset="UTF-8">
          <title>Alura Typer</title>
          <link rel="stylesheet" href="css/libs/materialize.min.css">
<l        <link rel="stylesheet" href="css/estilos.css">

    </head>

    <body>

    <div class="container">

        <h1 class="center">Alura Typer</h1>
        <p class="frase center">Algumas empresas são moderadamente bem-sucedidas sem ter uma declaração de missão clara. Mas eles lutam para crescer porque não está claro para a liderança por que o produto foi bem-sucedido e como expandir a sua linha de produtos. O resultado é um portfólio de produtos que se sente muito desconectado.</p>

        <ul class="informacoes center">
            <li><span id="tamanho-frase">19</span> palavras</li>
            <li><span id="tempo-digitacao">10</span> segundos</li>
        </ul>

        <textarea class="campo-digitacao" rows="8" cols="40"></textarea>
        <button id="botao-reiniciar">Reiniciar Jogo</button>

        <ul class="center">
            <li><span id="contador-caracteres">0</span> caracteres</li>
            <li><span id="contador-palavras">0</span> palavras</li>
        </ul>

    </div>

        <script src="jquery-3.6.0.js"></script>
        <script src="main-limpo.js"></script>

  </body>

</html>

.campo-digitacao {
    font-size: 20px;
    height: 130px;
}

.frase {
    font-size: 40px;
}