.frame-bg svg {
  width: 100%;
  height: 100%;
}

/* GRADATION */
.shine-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, #FE67D6, #3C4CAB, #00C778);
  background-size: 300% 300%;
  animation: shine 8s ease-in-out infinite;
}
.shine-bg.bg-light {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(120deg, #FE67D6, #3C4CAB, #00C778);
  background-size: 300% 300%;
  animation: shine 8s ease-in-out infinite;
}

@keyframes shine {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* WAVE */
.bg-wave {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -10;
  overflow: hidden;
}

.bg-wave-one {
  position: absolute;
  display: flex;
  flex-shrink: 0;
  width: 800vw;
}

.bg-wave-one-img {
  animation: bg-wave linear 60s infinite;
  will-change: transform;
  display: flex;
  flex: 1;
}

.bg-wave-one:nth-child(1) .bg-wave-one-img {
  animation-duration: 40s;
}

@keyframes bg-wave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
/*InView*/
.inview-fadein {
  opacity: 0;
  transition: 0.6s ease;
}

.inview-fadein-done {
  opacity: 1;
}

.inview-fadein-up {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 0.7s ease;
}

.inview-fadein-up-done {
  opacity: 1;
  transform: translate(0, 0);
}

.inview-fadein-down {
  opacity: 0;
  transform: translate(0, -10%);
  transition: 0.7s ease;
}

.inview-fadein-down-done {
  opacity: 1;
  transform: translate(0, 0);
}

.inview-fadein-left {
  opacity: 0;
  transform: translate(-10%, 0);
  transition: 0.7s ease;
}

.inview-fadein-left-done {
  opacity: 1;
  transform: translate(0, 0);
}

.inview-fadein-right {
  opacity: 0;
  transform: translate(10%, 0);
  transition: 0.7s ease;
}

.inview-fadein-right-done {
  opacity: 1;
  transform: translate(0, 0);
}

/*Delay Timer*/
.ani-delay01 {
  transition-delay: 0.1s;
}

.ani-delay02 {
  transition-delay: 0.2s;
}

.ani-delay03 {
  transition-delay: 0.3s;
}

.ani-delay04 {
  transition-delay: 0.4s;
}

.ani-delay05 {
  transition-delay: 0.5s;
}

.ani-delay06 {
  transition-delay: 0.6s;
}

.ani-delay07 {
  transition-delay: 0.7s;
}

.ani-delay08 {
  transition-delay: 0.8s;
}

.ani-delay09 {
  transition-delay: 0.9s;
}

.ani-delay10 {
  transition-delay: 1s;
}

.ani-delay11 {
  transition-delay: 1.1s;
}

.ani-delay12 {
  transition-delay: 1.2s;
}

.ani-delay13 {
  transition-delay: 1.3s;
}

.ani-delay14 {
  transition-delay: 1.4s;
}

.ani-delay15 {
  transition-delay: 1.5s;
}

.ani-delay16 {
  transition-delay: 1.6s;
}

.ani-delay17 {
  transition-delay: 1.7s;
}

.ani-delay18 {
  transition-delay: 1.8s;
}

.ani-delay19 {
  transition-delay: 1.9s;
}

.ani-delay20 {
  transition-delay: 2s;
}/*# sourceMappingURL=ani.css.map */