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

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

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

@keyframes textClip{
	0%{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); -webkit-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%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes textShow{
	0%{ filter: blur(10px); -webkit-filter: blur(10px); opacity: 0; transform: scale(1.1); }
	100%{ filter: blur(0); -webkit-filter: blur(0); opacity: 1; transform: scale(1); }
}

@keyframes textHide{
	0%{ filter: blur(0); -webkit-filter: blur(0); opacity: 1; transform: scale(1); }
	100%{ filter: blur(10px); -webkit-filter: blur(10px); opacity: 0; transform: scale(0.9); }
}

@keyframes introHeight{
	0%{ top: 0; transform: translateY(0); }
	100%{ top: -50%; transform: translateY(-100%); }
}

@keyframes introSymbol{
	0%{ left: calc(50% - var(--gap)); transform: translateY(120%); }
	40%{ left: calc(50% - var(--gap)); transform: translateY(0); }
	50%{ left: calc(50% - var(--gap)); transform: translateY(0); }
	100%{ left: 0; transform: translateY(0); }
}

@keyframes introTxt{
	0%{ margin-left: 0; opacity: 0; }
	60%{ margin-left: 0; opacity: 0; }
	100%{ margin-left: var(--gap); opacity: 1; }
}

@keyframes textClip{
	0%{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); -webkit-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%); -webkit-clip-path: clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes origin_left{
	0%{ transform: translateX(0); }
	50%{ transform: translateX(-100%); }
	50.01%{ transform: translateX(100%) }
	100%{ transform: translateX(0); }
}

@keyframes clone_left{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-200%) }
}

@keyframes circleScale{
	0%{ transform: translate(-50%, -50%) scale(0.2); opacity: 1; }
	100%{ transform: translate(-50%, -50%) scale(1); opacity: 0; }
}