@charset "utf-8";

@keyframes smile_display {
	0% {
		opacity: 0;
		transform: scale(3);
	}
	30% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.3);
	}
	60% {
		opacity: 1;
		transform: scale(1);
	}
	75% {
		opacity: 1;
		transform: scale(1.1);
	}
	80% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotate(-5deg);
	}
}
@keyframes smile {
	0% {
		transform: rotate(-5deg);
	}
	50% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(-5deg);
	}
}
@keyframes scroll {
	0% {
		height: 0;
	}
	50% {
		height: 80px;
	}
	100% {
		height: 0;
	}
}
@keyframes zoom {
	0% {
		transform: scale(1) rotate(0);
	}
	40% {
		transform: scale(1.2) rotate(0);
	}
	45% {
		transform: scale(1.2) rotate(-5deg);
	}
	50% {
		transform: scale(1.2) rotate(5deg);
	}
	55% {
		transform: scale(1.2) rotate(-5deg);
	}
	60% {
		transform: scale(1.2) rotate(5deg);
	}
	65% {
		transform: scale(1.2) rotate(-5deg);
	}
	70% {
		transform: scale(1.2) rotate(0);
	}
	100% {
		transform: scale(1) rotate(0);
	}
}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fade_bg {
	0% {
		background: rgba(255, 255, 255, 0);
	}
	100% {
		background: rgba(255, 255, 255, 0.6);
	}
}
@keyframes fadein_top {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}