Eu escrevi como está na aula direitinho mas meu css não foi implementado no site por algum motivo HTML

<ul class="produtos">
                <li>
                    <h2>Cabelo<h2>
                    <img src="cabelo.jpg">
                    <p class="produto-descricao">Na tesoura ou maquina, como o cliente preferir!</p>
                    <p class="produto-preco">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-preco">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-preco">R$35,00</p>
                </li>
            </ul>

CSS

.produtos{
    width: 940px
    margin: 0 auto;
}

.produtos li {
    display: inline-block;
    text-align: center;
    width: 30%
    vertical-align: top;
    padding: 50px 0
}

.produtos h2{
    font-size: 30px
    font-weight: bold;
}

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

.produto-preco {
    font-size: 22px
    font-weight: bold;
}