@keyframes goWhite {
    100% {
    background: initial; 
    background-color: white;
    opacity: 0.95;
    }
}@keyframes goBlack {
    100% {
    color:var(--body-color);
    text-shadow: none;
    font-weight: normal;
    }
}@keyframes opacity {
	0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}@keyframes fadeup30 {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}@keyframes fadeup40 {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}@keyframes faderight40 {
  0% {
    transform: translateX(-40px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}@keyframes fadeleft40 {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}@keyframes text_opa {
	0% {
		opacity:0;
		transform: translate(0px, 50%) skew(0deg, 2deg);
	}
	100% {
		opacity:1;
		transform: translate(0px, 0px) skew(0deg, 1deg);
	}
}@keyframes line_go {
	0% {
        width: 0%;
		opacity: 0;
	}
	100% {
		width: 100%;
		opacity: 1;
	}
}@keyframes poyoyon_ver {
  0% {
      transform: rotate(90deg) translateY(calc(100px - 100%));
      opacity: 0;
  }
  50% {
      transform: rotate(90deg) translateY(calc(-100%));
  }
  65% {
      transform: rotate(90deg) translateY(calc(20px - 100%));
  }
  80% {
      transform: rotate(90deg) translateY(calc(-100%));
  }
  95% {
      transform: rotate(90deg) translateY(calc(5px - 100%));
  }
  100% {
      transform: rotate(90deg) translateY(calc(-100%));
  }
  20%, 100% {
      opacity: 1;
  }
}@keyframes easeOutBounce_ver {
	0% {
		transform: rotate(90deg) translateX(-100%);
	}

	12% {
		transform: rotate(90deg) translateX(-89.11%);
	}

	24% {
		transform: rotate(90deg) translateX(-56.44%);
	}

	36% {
		transform: rotate(90deg) translateX(-1.99%);
	}

	54% {
		transform: rotate(90deg) translateX(-24.98%);
	}

	74% {
		transform: rotate(90deg) translateX(-1.63%);
	}

	82% {
		transform: rotate(90deg) translateX(-6.25%);
	}

	92% {
		transform: rotate(90deg) translateX(-0.66%);
	}

	96% {
		transform: rotate(90deg) translateX(-1.54%);
	}

	100% {
		transform: rotate(90deg) translateX(0);
	}
20%, 100% {
      opacity: 1;
  }
}@keyframes easeOutBounce_hor {
	0% {
		transform: translateX(100%);
	}

	12% {
		transform: translateX(89.11%);
	}

	24% {
		transform: translateX(56.44%);
	}

	36% {
		transform: translateX(1.99%);
	}

	54% {
		transform: translateX(24.98%);
	}

	74% {
		transform: translateX(1.63%);
	}

	82% {
		transform: translateX(6.25%);
	}

	92% {
		transform: translateX(0.66%);
	}

	96% {
		transform: translateX(1.54%);
	}

	100% {
		transform: translateX(0);
	}
20%, 100% {
      opacity: 1;
  }
}@keyframes poyoyon_hor {
  0% {
      transform: translateX(100px);
      opacity: 0;
  }
  50% {
      transform: translateX(0);
  }
  65% {
      transform: translateX(20px);
  }
  80% {
      transform: translateX(0);
  }
  95% {
      transform: translateX(5px);
  }
  100% {
      transform: translateX(0);
  }
  20%, 100% {
      opacity: 1;
  }
}