Oii, Leo!
Seu código tá bem estruturado e organizado. O hover nos links do menu adiciona um bom destaque interativo.
Para saber mais:
A título de curiosidade, você sabia que ao usar :root em seu CSS, é possível criar variáveis que serão aplicadas globalmente no seu projeto? Isso facilita muito a manutenção e reutilização de valores como cores, fontes e tamanhos de maneira eficiente. Veja como definir e utilizar variáveis no seu código:
:root {
--cor-principal: #22D4FD;
--cor-texto: #000000;
--fonte-principal: "Montserrat", sans-serif;
}
.rodape {
background-color: var(--cor-principal);
color: var(--cor-texto);
font-family: var(--fonte-principal);
font-size: 24px;
font-weight: 400;
text-align: center;
padding: 24px;
}
Ao definir variáveis dessa forma, fica fácil atualizar a paleta de cores ou fontes em todo o site com apenas uma alteração, tornando o seu código mais flexível e fácil de manter.
Para aprender mais sobre variáveis CSS, confira este artigo sobre variáveis CSS no MDN.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
