menu {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
  padding: 0;
  li {
    list-style: none;
    a {
      cursor: pointer;
      b {display: none;}
      &:hover {filter: saturate(2) brightness(2);}
      img {
        --l: 50px;
        width: var(--l);
        height: var(--l);
        object-fit: cover;
        border: 1px solid var(--html-bg-color);
        border-radius: 3px;
      }
    }
  }
}
main {
  flex: 1;
  min-height: 50vh;
}
.tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  img {
    scroll-margin-top: .3rem;
    max-height: 90vh;
    object-fit: contain;
  }
  p {text-align: center;}
}
.tab:not(:target) {display: none;}

@media (width >= 500px) {
gallery-container {
  display: flex;
  flex-direction: row-reverse;
}
menu {max-width: calc(50px * 4 + .6rem);}
}