body 
{
    background-color: #000; /* Fondo negro */ 
    color: #fff; /* Letras blancas */
}

a  
{
    color: inherit; /* Utiliza el color del texto del elemento padre */ 
    text-decoration: none; /* Elimina el subrayado */ 
} 

a:hover  
{
     /*color: inherit; /* Mantiene el color al pasar el ratón */ 
     text-decoration: underline; /* Opcional: añade subrayado al pasar el ratón */ 
}

.navbar, .card 
{ 
    background-color: #1e1e1e; 
} 

.btn-dark 
{ 
    background-color: #333333; 
    border-color: #333333; 
}

.card 
{ 
    border: 2px solid #ffffff; /* Borde de la tarjeta en blanco */ 
}

.card-header 
{ 
    background-color: #333333; /* Encabezado de la tarjeta en gris oscuro */ 
    color: #ffffff; /* Color del texto del encabezado */ 
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-family: Arial, sans-serif;
}
        
.time-section {
    text-align: center;
}
        
.number {
    font-size: 1em;
}
        
.label {
    font-size: 0.9em;
}