1
resposta

[Projeto] codigo

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

:root { --cor-primaria: #0F0F0F; --cor-secundaria: #f0f0f0; --cor-terciaria: #5e792c; --cor-hover: #232D3F;

--fonte-principal: '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: 600px; color: var(--cor-terciaria); text-decoration: none; }

.titulo-destaque { color: var(--cor-terciaria); }

.apresentacao { padding: 8% 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-principal); }

.apresentacao__conteudo__texto { font-size: 1.5rem; font-family: var(--fonte-secundaria); }

.apresentacao__links { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px; }

.apresentacao__links__subtitulo { font-weight: 400; font-family: var(--fonte-principal); font-size: 1.5rem; }

.link__1 { 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: 600px; padding: 21.5px 0; text-decoration: none; color: var(--cor-secundaria); font-family: var(--fonte-secundaria); }

.link__1:hover { background-color: var(--cor-hover); width: 400px; }

.rodape { padding: 24px; color: var(--cor-primaria); background-color: var(--cor-terciaria); text-align: center; font-family: var(--fonte-secundaria); font-size: 1.5rem; font-weight: 400px; }

1 resposta

Oii, Yago. Tudo bem?

Seu código tá bem estruturado e já demonstra um bom entendimento sobre responsividade e organização de CSS.

  • No CSS, a propriedade font-weight não aceita valores com "px". Remova o "px" do valor de font-weight. Deixe assim:
 font-family: var(--fonte-secundaria);
 font-size: 1.5rem;
 font-weight: 600;
 color: var(--cor-terciaria);
 text-decoration: none;
}  

Espero ter ajudado.

Um abraço e bons estudos.