.menu {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 2;
  display: block;
  text-align: right;
}

.hamburger {
  width: 12vmin;
  height: 12vmin;
  max-width: 60px;
  max-height: 60px;
  top: 0px;
  right: 0px;
  background-color: #ffffff00;
  background-image: url(configUI/hamburger.svg);
  background-size: 100% 100%;
  background-position: center center;
  text-decoration: none;
  border: none;
}

.menuItem {
  font-family: "Inter var";
  font-size: calc(min(var(--baseFontSize) * 1.5, 14pt));
  color: white;
  text-decoration: none;
  display: block;
  font-variation-settings: "wght" 500, "slnt" 0;
  text-align: right;
  border: none;
  background-color: var(--froyyCol);
  padding: 0px;
  transform: translateX(0%);
  transition: all;
  transition-duration: 0.3s;
  padding: 0.2em;
  padding-left: 0.4em;
  padding-right: 1em;
  opacity: 1;
}

.currLoc {
  opacity: 0.5;
  color: var(--darkFroyy);
}
.menuFlex {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.menuDeact .menuItem {
  transform: translateX(120%);
}

#m2 {
  transition-delay: 0.1s;
}

#m3 {
  transition-delay: 0.2s;
}

#m4 {
  transition-delay: 0.3s;
}

#m5 {
  transition-delay: 0.4s;
}

.clickCatcher {
  position: fixed;
  top: 0px;
  left: 0px;
  min-width: 100vw;
  min-height: 100vh;
  background-color: #ffffff33;
  display: none;
  z-index: -1;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}