.header {
  /* padding: 0 4rem; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
}
@media (max-width: 800px) {
  .header {
    display: none;
  }
}
@media (min-width: 800px) {
  .header {
    display: block;
  }
}
.header-container {
  margin: auto;
  display: flex;
  align-items: center;
  padding: 1rem 6.25rem;
  justify-content: space-between;
}
.header-nav {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.header-menu {
  list-style: none;
  display: flex;
  gap: 1.5rem;
}
.header-menu .active a {
  color: var(--color-quaternary);
}
.header-menu a {
  font-weight: 500;
  transition: color 0.3s ease-in-out;
  text-transform: uppercase;
}
.header-menu a:hover {
  color: var(--color-quaternary);
}

.language-switcher {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
}

.language-switcher .active {
  color: var(--color-quinary);
  font-weight: 600;
}
.language-switcher li a {
  transition: color 0.3s ease-in-out;
}
.language-switcher li:hover a {
  color: var(--color-quaternary);
}

.language-switcher li:not(:last-child) {
  display: flex;
  align-items: center;
}

.language-switcher li:not(:last-child)::after {
  content: "·";
  font-size: 1.5em;
  color: var(--color-quaternary);
  margin-left: 0.25em;
  margin-bottom: 0.2rem;
}