nav {
  display: flex;
}

nav > .navcard {
  margin: 0.5rem;
  border-bottom: 0.2rem solid var(--def-color-border);
  font-size: 1.2rem;
  font-weight: 300;
  text-decoration: none;
  color: inherit;
}

nav > a.navcard:hover {
  border-bottom: 0.2rem solid var(--def-color-accent);
}

nav > a.navcard:active {
  border-bottom: 0.2rem solid var(--def-color-accent);
  opacity: 0.75;
}

nav > a.navcard:focus-visible {
  outline: 0.15rem solid var(--def-color-accent);
  outline-offset: 0.25rem;
}