.tab:not(:target) {display: none}
menu {
  display: flex;
  justify-content: space-evenly;
  & li {
    display: inline;
    margin: 0;
    list-style-type: none;
    & a {
      display: block;
      width: 120px;
      padding: 5px 7px;
      text-align: center;
      text-decoration: none;
      color: var(--nav-a-color);
      background: var(--nav-a-bg);
      border: outset 2px var(--nav-a-bg);
      &:hover {
        border: inset 2px var(--nav-a-bg);
        box-shadow: inset 0 0 7px 2px #0000008d;
      }
    }
  }
}
@media (max-width: 500px) {
menu {
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  padding: 0;
  & li {
    width: 100vw;
    & a {
      margin: 2px 0;
      width: 100vw;
    }
  }
}
}