.side-bar-menu-x {
  position: fixed;
  left: 0;
  top: 0;
  transition: all 1s;
  width: 200px;
  min-width: 20vw;
  height: 100vw;
  background-color: gainsboro;
  border: solid 1px black;
}

.side-bar-menu-close {
  left: calc(-50%) !important;
}

.side-bar-menu-x {
  position: fixed;
  left: 0;
  top: 0;
  transform-style: flat;
  transition: all 1s;
  height: 100vh;
  min-width: 30vw;
}

.hand {
  cursor: pointer;
}

.icon-large {
  font-size: 36px;
}

.menuTog {
  position: fixed;
  top: 0;
  left: 0;
}

.menuTogButton {
  font-size: 38px;
  /* background: linear-gradient(270deg, var(--gray-dark) 0%, rgb(72,72,72) 50%, var(--gray) 100%), var(--gray); */
}

.menuCard {
  max-width: 500px;
}