.navbar-nav > li {
  background-image: linear-gradient(to right, #ff0000, #ffa500, #ffff00, #00ff00, #0000ff, #4b0082);
  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.navbar-nav > li:hover {
  background-image: linear-gradient(to right, #ff0000, #ffa500, #ffff00, #00ff00, #0000ff, #4b0082);
  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: linear-gradient(to right, #ff0000, #ffa500, #ffff00, #00ff00, #0000ff, #4b0082);
}



/*Overwrites for darkmode*/
[data-bs-theme="dark"] .navbar-default{
  background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}
[data-bs-theme="dark"] .breadcrumb-section{
  background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}