Olá, não sei onde estou errando... Ao criar a classe produto-descrição e no css pedir para que se altere o tamanho da fonte, a pagina não realiza a mudança, não estou conseguindo identificar o que faz com que não realize a mudança.

<main>
            <ul class="produtos">
                <li>
                    <h2>Cabelo</h2>
                    <img src="cabelo.jpg">
                    <p class="produto-descricao">Na tesoura ou na máquina, como o cliente preferir</p>
                    <p class="produto-preço">R$ 25,00</p>
                </li>
                <li>
                    <h2>Barba</h2>
                    <img src="barba.jpg">
                    <p class="produto-descricao">Corte e desenho profissional de barba</p>
                    <p class="produto-preço">R$ 18,00</p>
                </li>
                <li>
                    <h2>Cabelo & Barba</h2>
                    <img src="cabelo+barba.jpg">
                    <p class="produto-descricao">Pacote completo de cabelo e barba</p>
                    <p class="produto-preço">R$ 35,00</p>
                </li>
            </ul>
        </main>

E o css respectivo da parte:

` .produto-descricao{ font-size: 18px; }