07 Haga lo que hicimos

/* styles.css */ .header { padding: 2% 5%; }

.header__menu { display: flex; gap: 80px; justify-content: center; }

.header__menu__link { font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 600; color: #22D4FD; text-decoration: none; }

.presentacion { padding: 5% 15%; display: flex; gap: 20px; }

.presentacion__imagen { width: 50%; }

.presentacion__contenido { width: 50%; }

p { font-size: 1.125rem; /* 18px converted to rem */ }

h1 { font-size: 2rem; /* 32px converted to rem */ }

footer p { font-size: 1rem; /* 16px converted to rem */ }

@media (max-width: 1200px) { .presentacion { flex-direction: column-reverse; align-items: center; text-align: center; } .presentacion__imagen, .presentacion__contenido { width: 80%; } }

@media (max-width: 1023px) { .presentacion { flex-direction: column; } .header { padding: 5% 10%; } }