@keyframes w3-spin { 
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(359deg);
	};
}

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

@keyframes opac {
	from {
		opacity: 0;
	} to {
		opacity: 1;
	};
}

@keyframes animatetop {
	from {top: -300px;
		opacity: 0;
	} to {
		top: 0;
		opacity: 1;
	};
}

@keyframes animateleft {
	from {
		left: -300px;
		opacity: 0;
	} to {
		left: 0;
		opacity: 1;
	};
}

@keyframes animateright {
	from {
		right: -300px;
		opacity: 0;
	} to {
		right: 0;
		opacity: 1;
	};
}

@keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0;
	} to {
		bottom: 0;
		opacity: 1;
	};
}

@keyframes animatezoom {
	from {
		transform: scale(0);
	} to {
		transform: scale(1);
	};
}