link do style.css simplesmente nao funciona

eu estou tentando centralizar os paragrafos e os texto usando o link mas simplesmente n funciona, ja li outros tópicos no forum de pessoas com o mesmo problema, mas nenhuma solução dos outros tópicos funcionou comigo.

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

    <head>
        <meta charset="UTF-8">
        <title>Loja da minha mae</title>
        <link rel="stylesheet" href="style.css">
    </head>

    <body>
        <h1>Loja da minha mae</h1>
        <p>Localizada na rua xxx, xxx a <strong>Loja da minha mae</strong> traz para o mercado o que há de melhor para a sua beleza. Fundada em 2016, a Loja da mamae já é destaque na cidade e conquista novos clientes a cada dia.</p>
        <p>Nossa missão é: <em>"Proporcionar auto-estima e qualidade de vida aos clientes"</em>.</p>
        <p>Oferecemos produtos excelentes e tendencias no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
    </body>
</html>

esse é meu codigo

p{
    text-align: center
}
h1{
    text-align: center
}

esse é o style.css

essa é a pasta com os dois arquivos