body {
    background-color: #121212;
    color: #ffffff;
    font-family: 'Arial', sans-serif;
    margin: 0;
   
  
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
    position: relative;
    z-index: 2;
}

h1 {
    font-size: 4rem;
    margin: 0;
    letter-spacing: 5px;
    animation: fadeIn 3s ease-in-out;
}

p {
    font-size: 1.2rem;
    animation: fadeIn 4s ease-in-out;
}

footer {
  color: #f1f1f1; /* Un color blanco suave para el texto */
  text-align: center; /* Centra el texto del footer */
  padding: 20px; /* Añade espacio interior */
  border-top: 1px solid #333; /* Línea sutil para separar del contenido principal */
  position: absolute; /* O 'fixed' si quieres que siempre esté visible */
  bottom: 0;
  width: 100%;
}

footer a {
  color: #00bcd4; /* Un color cian o azul claro para el enlace */
  text-decoration: none; /* Quita el subrayado por defecto */
}

footer a:hover {
  text-decoration: underline; /* Añade el subrayado al pasar el cursor */
}




@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}