.menu-item {
  font-size: 1.25rem;
  font-weight: var(--bold);
  cursor: pointer;
  color: var(--mainColor);
  font-weight: var(--bold);
}

.menu-item:hover {
  text-decoration: underline;
  text-decoration-color: var(--secondaryColor);
  text-underline-offset: 10px;
  text-decoration-thickness: 5px;
}

.menu-item.active {
  text-decoration: underline;
  text-decoration-color: var(--secondaryColor);
  text-underline-offset: 10px;
  text-decoration-thickness: 5px;
}

.menu {
  /* background-color: var(--mainColor); */
  color: var(--mainColor);
  padding-right: 100px;
  /* clip-path: polygon(
        0 100%,
        100% 100%,
        100% 0,
        20% 0,
        10% 0
    ); */
}

#hamburgerIcon {
  color: var(--darkColor);
  font-size: 2rem;
}

.logo-nav {
  width: 200px;
}

@media (max-width: 1024px) {
  .logo-nav {
    width: 140px;
  }
}

.navbar-scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.mobile-menu {
  height: 100vh;
}