Haga lo que hicimos

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

:root{ --color-primario:white; --color-segundario:#6D6E71; --color-terciario:#c09e39; --color-cuarto:#928764;

--fuente-monserat: "Montserrat", sans-serif;
--fuente-korona: "Krona One", sans-serif;

}

*{ padding: 0; margin: 0;

}

body{ /* height: 100vh; */ background-color: var(--color-segundario); color: var(--color-primario); box-sizing: border-box;

}

.header{ padding: 2% 0% 0% 10%;

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

}

.haedre_menu_link{ font-family: var(--fuente-monserat); font-size: 1.5rem; font-family: 600; color: var(--color-primario); text-decoration: none;

}

.presentación{

display: flex; 
align-items: center;
/* margin: 10% 15%; */
padding: 8% 10% ;

} .texto-presentacion{ width: 35%; display: flex; flex-direction: column; gap: 20px; }

.Titulo-pricipal{ color: var(--color-terciario); }

.titulop1{ font-size: 2rem; font-family: var(--fuente-korona); text-align: justify;

} .contenidop{ font-size: 1.5rem; font-family: var(--fuente-monserat); text-align: justify; } .presentacion-enlaces{ display: flex; justify-content:space-between ; flex-direction: column; align-items: center; gap: 32px; } .sudtitulo{ font-family: var(--fuente-korona); font-size: 2rem; font-weight: 400; }

/* botones / .link-url{ width: 60%; / background-color: #c09e39; / text-align: center; padding: 20px 0; border-radius: 10px; font-family: var(--fuente-monserat); font-size: 1.5rem; font-family: 600; text-decoration: none; color: var(--color-primario); border: 5px ridge var(--color-terciario) ; display: flex; justify-content: center; gap: 10px; } .link-url:hover{ background-color: var(--color-cuarto); } .imagenc{ position: relative; top: 10px; / ajustar los valores para mover la imagen */ left: 30px; width: 20%; height: 600px; border-radius: 25%; margin: 0%; border:2px solid var(--color-terciario); display: block; } .footer{ background-color: #928764; padding: 24px; color: var(--color-primario); text-align: center; font-family: var(--fuente-monserat); font-size: 1.5rem; font-weight: 400;

}