#navbar {
  background: black;
  border-bottom: 2px solid yellow;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  margin-bottom: 25px !important;
  --color-nav-text: yellow;
  --color-nav-hover-bg: rgba(255,255,255,0.5);
}

#navbar > .item.active {
  text-decoration: underline;
}

#navbar > a.item:hover {
  background: none !important;
  text-decoration: underline;
}

#navbar > .right.menu > .item .text {
  --color-text: white;
  color: var(--color-text);
}