header {
  position: sticky;
  top: 0;
  z-index: 2;
  opacity: 0.93;
  display: flex;
  justify-content: space-between;
  background-color: var(--bg-2);
  box-shadow: var(--elevation-3);
  transition: var(--transition);
}

header > button,
header > a > button {
  background-color: var(--bg-2);
  border-color: var(--bg-2);
  box-shadow: none;
  color: var(--accent-1);
}

header > button:hover,
header > a > button:hover,
header > button:focus,
header > a > button:focus {
  border-color: var(--bg-2);
  box-shadow: none;
}