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

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

	to {
		transform: scale(0.9);
	}
}


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

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

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

	to {
		transform: translateY(30px);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@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 icon_1 {
	0%,50% {
		opacity: 0;
	}

	90%,100% {
		opacity: 1;
	}
}
@keyframes icon_2 {
	0%,70% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes sbin {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}