* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: white;
}

.wu-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    position: relative;
    left: -75px;   /* adjust until it looks centered */
}

.wu-logo {
  width: 130px;
  user-select: none;
  pointer-events: none;
  position: relative;
  left: 155px;
}

.menu-window {
  width: 260px;
  height: 150px;
  overflow: hidden;
  position: relative;
  top: 38px;
}

.menu-track {
  display: flex;
  flex-direction: column;
  transition: transform 0.45s cubic-bezier(.25, 1.3, .45, 1);
}

.menu-item {
  width: 230px;
  height: 70px;
  object-fit: contain;

  opacity: 0.25;

  transition:
    opacity .35s ease,
    transform .35s ease;

  cursor: pointer;
  user-select: none;
}

.menu-item.active {
  opacity: 1;
}

#fade {
  position: fixed;
  inset: 0;
  background: black;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s ease;
  z-index: 9999;
}

#fade.active {
  opacity: 1;
}