body {
    background-color: #333; /* Color de fondo antracita */
    margin: 0; /* Elimina los márgenes por defecto */
    padding: 0; /* Elimina el relleno por defecto */
    height: 100vh; /* Asegura que el body ocupe toda la altura de la ventana */
    display: flex; /* Utiliza Flexbox para el centrado */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}

/* Estilo para el logo */
#logo {
    max-width: 60%; /* Tamaño máximo del logo, ajusta según necesites */
    height: auto; /* Mantiene la proporción del logo */
    animation: latido 1s infinite; /* Aplica la animación de latido */
}

/* Animación de latido */
@keyframes latido {
    0%, 100% {
        transform: scale(1); /* Tamaño normal */
    }
    50% {
        transform: scale(1.05); /* Un poco más grande */
    }
}