hice los cambios propuestos en clases pero finalmente no mtoma ningun color y queda en blanco todo lo que debería tener color, que puede ser?
:root{ --color-primario:#5f5d9c; --color-secundario:#6196a6; --color-terciario: #a4ce95; --color-hover: #272727; --fuente-motserrat: "Montserrat", serif; --fuente-krona: "Krona One", serif; }
*{ padding:0; margin:0; }
body{ box-sizing: border-box; background-color: var(--color-primario); color: var(--color-secundario); }
.header{ padding: 2% 0% 0% 15%; }
.header_menu{ display:flex; gap:80px; }
.header_menu_link{ font-family: var(--fuente-motserrat); font-size: 24px; font-weight: 600; color:var(--color-terciario); text-decoration: none;
}
strong{ color:var(--color-terciario); } .titulo-destaque{ color: var(--color-terciario); }
.presentation{ display: flex; align-items: center; padding: 5% 15%; justify-content: space-between; }
.presentacion_contenido{ width: 615px; display:flex; flex-direction: column; gap: 10px; }
.presentacion_contenido_titulo{ font-family: var(--fuente-krona); font-size: 36px; }
.presentacion_contenido_texto{ font-family: var(--fuente-motserrat); font-size: 24px; }
.presentacion_enlaces{ display: flex; justify-content:space-between; flex-direction: column; align-items: center; gap: 32px; }
.Presentacion_enlace_subtitulo{ font-family: var(--fuente-krona); font-size: 24px; font-weight: 400;
}
.presentacion_enlaces_link{ width: 378px; text-align: center; padding: 21.5px 0; border-radius: 8px; font-family: var(--fuente-motserrat); font-size: 24px; font-weight: 600; text-decoration: none; color: var(--color-secundario); font-family: var(--fuente-motserrat); border: 2px solid var(--color-terciario); display: flex; justify-content: center; gap: 10px; }
.presentacion_enlaces_link:hover{
background-color: var(--color-hover);
}
.footer{ background-color: var(--color-terciario) ; padding: 5px; color: var(--color-primario); text-align: center; font-family: var(--fuente-motserrat); font-size: 24px; font-weight: 400; }
