Bienvenido a mi página
Haga lo que hicimos.
/* Reset básico */
- {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Ocupamos toda la pantalla */
body, html {
height: 100%;
font-family: Arial, sans-serif;
}
/* Flexbox para centrar /
.presentacion {
display: flex;
justify-content: center; / Centrado horizontal /
align-items: center; / Centrado vertical /
height: 100vh; / 100% de la altura de la pantalla /
background: linear-gradient(135deg, #6dd5fa, #2980b9); / Fondo bonito */
}
/* Contenido centrado */
.contenido {
text-align: center;
color: white;
}
.contenido h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.contenido p {
font-size: 1.2rem;
margin-bottom: 1.5rem;
}
.contenido img {
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
