@keyframes rotation {
	from{
		transform:rotate(0)
	}
	to{
		transform:rotate(359deg)
	}
}
@keyframes fadeIn {
	from{
		opacity:0
	}
	to{
		opacity:1
	}
}
@keyframes fadeOut {
	from{
		opacity:1
	}
	to{
		opacity:0
	}
}
@keyframes slide-left {
	0%{
		right:-320px
	}
	100%{
		right:0
	}
}
@keyframes slide-right {
	0%{
		right:0
	}
	100%{
		right:-320px
	}
}




.effect-grayscale-100 { filter: grayscale(100%); }

.effect-blur-2px { filter: blur(2px); }
.effect-blur-5px { filter: blur(5px); }

.effect-brightness-120 { filter: brightness(120%); }
.effect-brightness-150 { filter: brightness(150%); }

.effect-contrast-200 { filter: contrast(200%); }

.effect-invert-100 { filter: invert(100%); }

.effect-sepia-100 { filter: sepia(100%); }

.effect-saturate-200 { filter: saturate(200%); }

.effect-opacity-50 { filter: opacity(50%); }

.effect-hue-rotate-90 { filter: hue-rotate(90deg); }

.effect-rotation {
    animation-name: rotation;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}