.nav {
  padding: 10px;
  display: flex;
  align-items: center;
  z-index: 1000;
}

.link {
  margin: 0 10px;
  text-decoration: none;
  color: #4E78C3;
  transition: color 0.3s ease;
}

.link:hover {
  color: #61dafb;
  text-decoration: underline;
}

.separator {
  color: white;
}

.link.active {
  font-weight: bold;
  color: #6A9AFB;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.link.disabled {
  font-weight: normal;
  color: #aaa;
  cursor: default;
  pointer-events: none;
}