@keyframes textClip{
	0%{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
	100%{ transform: translateY(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes textClip2{
	0%{ transform: translateY(-100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
	100%{ transform: translateY(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes textTranslate{
	0%{ transform: translateX(var(--translate)); opacity: 0; }
	100%{ transform: translateX(0); opacity: 1; }
}

@keyframes bgScale{
	0%{ transform: scale(1.2); }
	100%{ transform: scale(1); }
}