.color-melodin,
.color-pageno {
  color: #09D21D;
}

.color-pageno-l {
  color: #fff0d3;
}

.bg-hover-pageno:hover {
  background-color: #09D21D;
}

body, .main-viewport, .slide-item, button, input {
  background-color: #000;
  font-family: "Mona Sans", serif !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.text-s, .text-m, .text-l, .text-xl, .text-xxl, .text-3xl, .text-4xl, .text-5xl, .text-6xl {
  font-family: "Mona Sans", serif !important;
}
.text-s-x2, .text-m-x2, .text-l-x2, .text-xl-x2, .text-xxl-x2, .text-3xl-x2, .text-4xl-x2, .text-5xl-x2, .text-6xl-x2 {
  font-family: "Mona Sans", serif !important;
}
.text-s-x4, .text-m-x4, .text-l-x4, .text-xl-x4, .text-xxl-x4, .text-3xl-x4, .text-4xl-x4, .text-5xl-x4, .text-6xl-x4 {
  font-family: "Mona Sans", serif !important;
}

.md-block-1 {
  opacity: 0;
  transform: translateY(20%) scale(2);
  animation-name: md-block-1;
  animation-duration: 4s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-fill-mode: forwards;
}

@keyframes md-block-1 {
  0% {
    opacity: 0;
    transform: translateY(20%) scale(2);
  }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
.md-block-2 {
  opacity: 0;
  transform: translateY(20%) scale(2);
  animation-name: md-block-1;
  animation-duration: 4s;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-fill-mode: forwards;
}

.md-block-3 {
  opacity: 0;
  transform: translateY(20%) scale(2);
  animation-name: md-block-1;
  animation-duration: 3s;
  animation-delay: 0.5s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-fill-mode: forwards;
}/*# sourceMappingURL=global.css.map */