#menu-wrapper {
  display: flex;
  justify-content: center;
  min-height: 60vi;

  margin-top: 10vi;
}

.menu-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;

  width: 70%;
  border-radius: 8px;
  filter: drop-shadow(0 0 3em rgb(0, 0, 0, 0.6));
}

/* FIXME: mobile-first */
@media (max-width: 540px) {
  .menu-container {
    width: 100%;
  }
}

/* .tabbed-content { */
/* padding: 0em 1.6em; */

/* https://stackoverflow.com/questions/28652571/dotted-background-overlay-effect-in-css */
/* &:not([aria-labelledby="projects"]) {
    background: transparent;
    background-position-x: 0%;
    background-position-y: 0%;
    background-image: none;
    background-size: auto;
    background-image: radial-gradient(hsl(0, 0%, 9%) 1px, transparent 0);
    background-size: 50px 50px;
    background-position: -25px -25px;
  } */

/* &[aria-labelledby="gateway"] {
    background-image: url("/img/mp.jpg");
    background-position: 31% 36%;
    background-size: 130%;
  } */
/* } */

.trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  letter-spacing: 0.1rem;

  cursor: pointer;
  padding: 0.9em;

  border-color: transparent;

  margin-bottom: 11px;
}