/**************************************
/* K E Y F R A M E S ******************
**************************************/

@keyframes rotateGlow {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes iconBouncingAnimation {
	0%, 99% {
		transform: scale(0);
	}

	12.5%, 87.5% {
		transform: scale(0.25);
	}

	25%, 75% {
		transform: scale(0.5);
	}

	37.5%, 62.5% {
		transform: scale(0.75);
	}

	50% {
		transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0.7;
	}
	100% {
		opacity: 0;
	}
}

@keyframes scrolldown-anim {
	0% {
		opacity: 0;
		height: 6px;
	}
	40% {
		opacity: 1;
		height: 10px;
	}
	80% {
		opacity: 0;
		transform: translate(-50%, 20px);
		height: 10px;
	}
	100% {
		opacity: 0;
		height: 3px;
	}
}

@keyframes animatedGradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}