/* Estilo para la barra de navegación */
.navbar {
    width: 100%; /* Ancho completo */
    background-image: linear-gradient(to right, #65c4c4, #ffccd5, #fff9c4);
 /* Degradado de color */
    /* Agrega otros estilos necesarios para tu barra de navegación */
}




/* Estilo para los enlaces de navegación */
.nav-link {
    color: rgb(79, 66, 255) !important; /* Fuerza el color negro */
    font-family: Arial, sans-serif; /* Cambia la fuente */
    font-size: 22px; /* Cambia el tamaño de letra */
    /* Agrega otros estilos deseados */
}

/* Estilo para los enlaces de navegación al pasar el cursor sobre ellos */
.nav-link:hover {
    color: yellow !important; /* Cambia el color al pasar el cursor */
}