body {
    font-family: sans-serif; /* Fuente general */
    background-color: #333; /* Color de fondo (puedes cambiarlo) */
    display: flex; /* Para centrar verticalmente */
    justify-content: center; /* Para centrar horizontalmente */
    align-items: center; /* Para centrar verticalmente */
    min-height: 100vh; /* Asegura que el body ocupe toda la altura de la pantalla */
    margin: 0; /* Elimina márgenes predeterminados del body */
}

.contenedor {
    background-color: #eee; /* Color de fondo del contenedor */
    padding: 20px; /* Espacio interno */
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Sombra */
    text-align: center; /* Centra el texto dentro del contenedor */
    width: 300px; /* Ancho fijo del contenedor (ajusta según necesites) */
}

.contenedor h1 {
    margin-bottom: 20px; /* Espacio debajo del título */
    color: #333; /* Color del título */
}

.contenedor input[type="text"],
.contenedor input[type="password"],
.contenedor input[type="email"] {
    width: calc(100% - 10px); /* Ancho del input menos el padding*/
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Incluye el padding y el border en el ancho total */
}

.contenedor input[type="submit"] {
    background-color: #007bff; /* Color del botón */
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.contenedor a {
    display: block; /* Para que los enlaces estén uno debajo del otro */
    margin-top: 10px; /* Espacio entre los enlaces */
    color: #007bff; /* Color de los enlaces */
    text-decoration: none; /* Quita el subrayado de los enlaces */
}