Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Meu cabeçalho fica com a fonte diferente

Ela fica com linhas embaixo

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

*{ margin: 0; padding: 0; }

body{ /* height: 100px; */ box-sizing: border-box; background-color: #000000; color: #F6F6F6; }

.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: #22D4FD; }

.apresentacao{ margin: 5% 15%; display: flex; align-items: center; justify-content: space-between; } .apresentacao__conteudo{ width: 615px; display: flex; flex-direction: column; gap: 40px; }

.foto_joao{ width: 467.71px; height: 532px; top: 253px; left: 1032px; gap: 0px; border-radius: 16px 16px 16px 16px; opacity: 0px;

}

.apresentacao__conteudo__titulo{ font-size: 36px; font-family: 'Krona One', sans-serif; }

.titulo-destaque{ color: #22D4FD; }

.apresentacao__conteudo__texto{ font-size: 24px; font-family: 'Montserrat', sans-serif; }

.apresentacao__links{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px; } .apresentacao__links__subtitulo{ font-family: 'Krona One', sans-serif; font-weight: 400; font-size: 24px; } .apresentacao__links__link{ /* background-color: #22D4FD; */ display: flex; justify-content: center; gap: 16px; border: 2px solid #22D4FD; width: 378px; text-align: center; border-radius: 8px; font-size: 24px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: #F6F6F6; font-family: 'Montserrat', sans-serif; } .apresentacao__links__link:hover{ background-color: #272727; }

.rodape{ padding: 24px; color: #000000; background-color: #22D4FD; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; }

1 resposta
solução!

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

.cabecalho_menu_link{ font-family: var(--font-secundaria); font-size:1.5rem; font-weight: 600; color: var(--cor-secundaria); text-decoration: none; }