/* Header, footer, nav */
#skip {
  background-color: var(--color-bg);
  position: absolute;
  left: -999px;
  top: -999px;
}

#skip:focus-visible {
  left: 10%;
  top: 5%;
}

header a[aria-current="page"]::before,
footer a[aria-current="page"]::before {
  content: "> " / "";
}

header a[aria-current="page"]::after,
footer a[aria-current="page"]::after {
  content: " <" / "";
}

header h2 a {
  text-decoration: none;
}

nav ul {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  list-style: none;
  gap: 1rem;
}