@keyframes coverLeft{
	0%{ transform: scaleX(1); }
	100%{ transform: scaleX(0); }
}

@keyframes scrollDown{ 
	0%{ top: 6px; opacity: 1; }
	100%{ top: 16px; opacity: 0; }
}

@keyframes rotate360{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}

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

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

@keyframes transformY{
	0%{ transform: translateY(var(--transform)); opacity: 0; }
	100%{ transform: translateY(0); 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 visualCircle{
	0%{ clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%); opacity: 0; }
	100%{ clip-path: circle(100% at 50% 35%); -webkit-clip-path: circle(100% at 50% 35%); opacity: 1; }
}

@keyframes introLeave{
	0%{ transform: translateY(-50%); opacity: 1; }
	100%{ transform: translateY(-100%); opacity: 0; }
}

@keyframes introText{
	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 fadeToggle{
	0%{ opacity: 0; }
	60%{ opacity: 1; }
	70%{ opacity: 1; }
	100%{ opacity: 0; }
}

@keyframes floating{
    0%{transform: translateY(0px);}
    50%{transform: translateY(-20px);}
    100%{transform: translateY(0px);}
}

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