@keyframes introFadeIn{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

@keyframes introMoveCenter {
	0%{ fill: var(--mainColor); transform: translateX(0); }
	100%{ fill: #575756; transform: translateX(var(--x)); } 
}

@keyframes introLogo{
	0%{ opacity: 0; }
	50%{ opacity: 0; }
	100%{ opacity: 1; }
}

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

@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 scrolldown{
	0%{ transform: translateY(0); }
	50%{ transform: translateY(-100%); }
	100%{ transform: translateY(-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 origin_right{
	0%{ transform: translateX(0); }
	50%{ transform: translateX(100%); }
	50.01%{ transform: translateX(-100%); }
	100%{ transform: translateX(0); }
}

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