A tela ficou com essa parte em cinza, como concertar?
<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">Mundo dos Livros</h2>
</footer>
.hr {
margin: 0;
}
.rodape {
background-color: var(--cor-branca);
padding: 1em;
}
