header {
  position: fixed;

  top: 0;
  left: 0;
  right: 0;
  height: min-content;
  border-bottom: 1px solid var(--dark);

  padding: .7em;
  backdrop-filter: blur(10px);
}

@media (any-hover: hover) {
  header:hover {
    padding: 1em;
  }
}

header a:link,
header a:visited
{
  color: var(--primary);
}