/* =============================
   Header & Logo
============================= */
.header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.logo {
  display:none;
}

/* =============================
   Navigation Bar
============================= */
.nav-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 100;
}


.nav-menu {
  display: flex;
  justify-content: center;
  align-items: center
  padding: 10px 0rem;
  z-index: 10;
}

.nav-menu a {
  color: var(--color-text);
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
  padding: 0 1rem;
}

.nav-menu a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: clamp(1.5rem, 2vw, 3rem);
  width: clamp(0.01rem, 0.15vw, 0.1rem);
  background-color: var(--color-text);
}

.nav-menu a:last-child::after {
  content: none;
}

.nav-menu a:hover {
  color: var(--color-border);
}

.nav-menu h2 {
  font-size:16px;
  font-weight:bold;
}