header {
  margin-bottom: 24pt;
  padding-bottom: 6pt;
  border-bottom: 1pt solid var(--color-bright);
}

.menu {
  display: flex;
  justify-content: space-between;
}

a {
  position: relative;
}

a::before {
  content: "";
  position: absolute;
  border-bottom: 1pt solid var(--color-dark);
  padding-bottom: 6pt;
  /* background-color: red; */
  width: 0%;
  height: 100%;
  transition: width 0.3s ease-in-out;
  /* height: 100%; */
}

a:hover::before {
  width: 100%;
}

@media (max-width: 779px) {
  header {
    position: sticky;
    top: 12pt;
    mix-blend-mode: difference;
    z-index: 1;
  }
}