- Personalizando o rodapé do seu site
.rodape {
padding: 24px;
color: #000000;
background-color: #B70CF0;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 400;
}
- Ajustando o espaçamento interno da apresentação
.apresentacao {
padding: 8% 15%;
display: flex;
align-items: center;
justify-content: space-between;
}
- Removendo o height para adaptar o layout
body {
/* height: 100vh; */
box-sizing: border-box;
background-color: #000000;
color: #F6F6F6;
}
- Estilizando o cabeçalho com CSS
.cabecalho {
padding: 2% 0% 0% 15%;
}
.cabecalho__menu {
display: flex;
gap: 80px;
}
.cabecalho__menu__link {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 600;
color: #B70CF0;
}
- Ajustando o espaçamento interno dos links
.cabecalho__menu {
display: flex;
gap: 80px;
}
