body {
  background: white;
  overflow: hidden;
}

a .ume-logo {
  background: url(/next/logo.svg);
  background-size: 146px;
  background-repeat: no-repeat;
  background-position: 12px 11px;
  width: 100%;
  height: 100%;
}

@media (max-height:960px) {
  .main-area {
    transform: scale(0.8) translateX(1em);
  }
}

@media (max-width:960px) {
  .main-area {
    transform: scale(0.8) translateX(1em);
  }
}

@media (max-width:750px) {
  .main-area {
    transform: scale(0.43) translateX(7em);
  }
}

.circle-hover {
  transition: 0.25s ease;
  transform: translate(0, 0) scale(1, 1);
  filter: drop-shadow(0 0 0 transparent) brightness(1);
}

.circle-hover:hover {
  filter: drop-shadow(2px 4px 6px black) brightness(1.1);
  cursor: pointer;
}

.circle-hover.circle-hover-1:hover {
  transform: translate(-4.592425496802574e-15px, 25px) scale(1.1, 1.1);
}
.circle-hover.circle-hover-2:hover {
  transform: translate(19.545787061700743px, 15.587245046468343px)
    scale(1.1, 1.1);
}
.circle-hover.circle-hover-3:hover {
  transform: translate(24.37319780454559px, -5.563023348907854px)
    scale(1.1, 1.1);
}
.circle-hover.circle-hover-4:hover {
  transform: translate(10.84709347793896px, -22.524221697560478px)
    scale(1.1, 1.1);
}
.circle-hover.circle-hover-5:hover {
  transform: translate(-10.847093477938946px, -22.52422169756048px)
    scale(1.1, 1.1);
}
.circle-hover.circle-hover-6:hover {
  transform: translate(-24.373197804545587px, -5.563023348907869px)
    scale(1.1, 1.1);
}
.circle-hover.circle-hover-7:hover {
  transform: translate(-19.54578706170075px, 15.58724504646833px)
    scale(1.1, 1.1);
}