#titulo {
    font-size: 6rem;
    font-style: italic;
    font-weight: 400;
    color: #ffc800;
}

nav button{
    color:rgb(244, 208, 27);
    background-color: #131312;
    border-radius:5px;
}
nav button:hover{
    color: rgb(248, 226, 22)!important;
}
/* Estils per al mode d'alt contrast */
body.high-contrast {
    background-color: #000; /* Fons negre */
    color: #fff;            /* Text blanc */
}

body.high-contrast a {
    color: #FFD700; /* Color de text daurat per als enllaços */
}

body.high-contrast .navbar {
    background-color: #111; /* Fons més fosc per a la barra de navegació */
}

body.high-contrast .nav-link {
    color: #131211; /* Text daurat per als enllaços de la navegació */
}

body.high-contrast .btn-primary {
    background-color: #FFD700; /* Cambia el fondo del botón a un color llamativo (opcional) */
    color: #000; /* Cambia el texto a negro */
    border-color: #FFD700; /* Cambia el borde del botón para mayor visibilidad */
}

body.high-contrast .card {
    background-color: #222; /* Fons més fosc per a les targetes (cards) */
    border-color: #fff;     /* Contorn blanc */
    color: #fff;            /* Text blanc */
}

body.high-contrast .footer {
    background-color: #111; /* Fons per contenidors i footer */
    color: #fff;            /* Text blanc */
}


/* Estilo para los contenedores en modo de alto contraste */
body.high-contrast .container {
    background-color: #171717; /* Fondo oscuro */
    color: #fff; /* Texto claro */
}

/* Excluye el segundo contenedor del cambio de estilo */
body.high-contrast .container:nth-of-type(1) {
    background-color: inherit; /* Mantiene el fondo original */
    color: inherit; /* Mantiene el color de texto original */
}