1
resposta

Mão na massa

CSS

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

:root { --cor-primaria: #000000; --cor-secundaria: #F6F6F6; --cor-terciaria: #22D4FD; --cor-hover: #272727;

--fonte-primaria: 'Krona One', sans-serif;
--fonte-secundaria: 'Montserrat', sans-serif;

} *{ margin: 0; padding: 0; }

body{ box-sizing: border-box; background-color: var(--cor-primaria); color: var(--cor-secundaria); } .cabecalho{ padding: 2% 0% 0% 15%; } .cabecalho__menu{ display: flex; gap: 80px; } .cabecalho__menu__link{ font-family: var(--fonte-secundaria); font-size: 1.5rem; font-weight: 600; color: var(--cor-terciaria); text-decoration: none; } .apresentacao{ padding: 5% 15%; display: flex; align-items: center; justify-content: space-between; } .apresentacao__conteudo{ width: 615px; display: flex; flex-direction: column; gap: 40px; }

.apresentacao__conteudo__titulo{ font-size: 2.25rem; font-family: var(--fonte-primaria); } .titulo-destaque{ color: var(--cor-terciaria); } .apresentacao__conteudo__texto{ font-size: 1.5rem; font-family: var(--fonte-secundaria); }

strong { color: var(--cor-terciaria); }

.apresentacao__links{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px; } .apresentacao__links__subtitulo{ font-family: var(--fonte-primaria); font-weight: 400; font-size: 1.5rem; } .apresentacao__links__link{ display: flex; justify-content: center; gap: 16px; border: 2px solid var(--cor-terciaria); width: 378px; text-align: center; border-radius: 8px; font-size: 1.5rem; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: var(--cor-secundaria); font-family: var(--fonte-secundaria); } .apresentacao__links__link:hover{ background-color: var(--cor-hover); } .rodape{ color: var(--cor-primaria); background-color: var(--cor-terciaria); padding: 24px; text-align: center; font-family: var(--fonte-secundaria); font-size: 1.5rem; font-weight: 600; }

1 resposta

Olá José, como vai? Espero que esteja bem!

Fico feliz em ver que você está enfrentando os desafios com determinação! A prática é essencial para assimilar o conhecimento.

Continue sua jornada de estudos com dedicação.

Estou à disposição para auxiliar sempre que necessário.

Abraços e siga em frente com seus estudos, sucesso!