/*bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55)*/

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes rotate_y_show {
	from {
		transform: rotateY(90deg);
	}

	to {
		transform: rotateY(0deg);
	}
}

@keyframes shine {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.4;
	}
}

@keyframes bottomin {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes leftin {
	from {
		transform: translateX(-100px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes topin {
	from {
		transform: translateY(-100px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes rightin {
	from {
		transform: translateX(100px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes sbin {
	from {
		transform: scale(0.1);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes ssin {
	from {
		transform: scale(3);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes shunshiin {
	from {
		transform: rotate(-90deg);
		opacity: 0;
	}

	to {
		transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes nishiin {
	from {
		transform: rotate(90deg);
		opacity: 0;
	}

	to {
		transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes boom_shakalaka {
	10% {
		transform: translateX(3px) rotate(2deg);
	}

	20% {
		transform: translateX(-3px) rotate(-2deg);
	}

	30% {
		transform: translateX(3px) rotate(2deg);
	}

	40% {
		transform: translateX(-3px) rotate(-2deg);
	}

	50% {
		transform: translateX(2px) rotate(1deg);
	}

	60% {
		transform: translateX(-2px) rotate(-1deg);
	}

	70% {
		transform: translateX(2px) rotate(1deg);
	}

	80% {
		transform: translateX(-2px) rotate(-1deg);
	}

	90% {
		transform: translateX(1px) rotate(0);
	}

	100% {
		transform: translateX(-1px) rotate(0);
	}
}

@keyframes shunshi {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes nishi {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}

@keyframes ufo {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-30%);
	}
}

@keyframes swing {
	from {
		transform: rotate(-5deg);
	}

	to {
		transform: rotate(5deg);
	}
}

@keyframes btn {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(0.9);
	}
}

@keyframes yun_l {
	from {
		transform: translateX(0px);
	}

	to {
		transform: translateX(100px);
	}
}

@keyframes yun_r {
	from {
		transform: translateX(0px);
	}

	to {
		transform: translateX(-100px);
	}
}

@keyframes duang_t {
	from {
		transform: scale(2);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes duang_b {
	from {
		transform: scale(1);
		opacity: 1;
	}

	to {
		transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes tree {
	from {
		transform: skew(3deg);
	}

	to {
		transform: skew(-3deg);
	}
}