[Projeto] evoluindo cada vez mais

<section class="contato">
        <h2 class="contato__titulo">Fique por dentro das novidades!</h2>
        <p class="contato__texto">Atualizações de e-books, novos livros, promoções e outros.</p>
        <input type="email" placeholder="Cadastre seu e-mail" class="contato__email">
    </section>
    <hr />

    <footer class="rodape">
        <h2 class="rodape__titulo">Grupo Alura</h2>
    </footer>

```.contato {
        background: var(--branco);
        padding: 1em;
}

.contato__titulo,
.contato__texto {
        background: var(--azul-degrade);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-decoration: none;


}

.contato__titulo {
        font-size: 18px;
        font-weight: 500;
}

.contato__texto {
        font-weight: 300;
        margin: 1em 0;
}

.contato__email {
        padding: 1em;
        border: 1px solid var(--azul);
        border-radius: 24px;
        width: 90%;
        color: var(--azul);
}

.contato__email::placeholder {
        font-family: var(--fonte-principal);
    color: var(--azul);
    padding-left: 2em;

}

hr{
        margin: 0;
}

.rodape{
        background-color: var(--branco);
        padding: 1em;
}