Poniendo en práctica lo aprendido

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

:root{ --color-primario: #FABC3F; --color-secundario: #821131; --color-terciario: #E85C0D; --color-hover: #272727;

--fuente-montserrat: 'Montserrat', sans-serif; --fuente-krona: 'Krona One', sans-serif; }

*{ padding: 0; margin: 0; }

body { background-color: var(--color-primario); color: var(--color-secundario); box-sizing: border-box; }

.header{ padding: 2% 0% 0% 15%; }

.header__menu{ display: flex; gap: 80px; }

.header__menu__link{ font-family: var(--fuente-montserrat); font-size: 24px; font-weight: 600; color: var(--color-terciario); text-decoration: none; }

.presentacion { display: flex; align-items: center; margin: 6%; justify-content: space-between; }

.presentacion__contenido { width: 615px; display: flex; flex-direction: column; gap: 40px; }

.presentacion__contenido__titulo { font-size: 36px; font-family: var(--fuente-krona); }

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

.presentacion__contenido__texto { font-family: var(--fuente-montserrat); font-size: 24px; }

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

.presentacion__enlaces__sutitulo { font-family: var(--fuente-krona); font-size: 24px; font-weight: 400px; }

.Presentacion__enlaces__link { width: 378px;

text-align: center;
padding: 21.5px 0;
border-radius: 8px;
font-family: var(--fuente-montserrat);
font-size: 24px;
font-weight: 600px;
text-decoration: none;
color: var(--color-secundario);
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: 24px; color: var(--color-primario); text-align: center; font-family: var(--fuente-montserrat); font-size: 24px; font-weight: 400; }