@media (prefers-reduced-motion) {
	[data-animation] {
		animation: none;
	}
}

@-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    transform: translateX(20%);
    }
    100% {
    transform: translateX(0);
    opacity: 1;
    }
}
@-moz-keyframes fadeInLeft {
    0% {
    transform: translateX(20%);
    }
    100% {
    transform: translateX(0);
    }
}
@-o-keyframes fadeInLeft {
    0% {
    transform: translateX(20%);
    }
    100% {
    transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
    opacity: 0;
    transform: translateX(20%);
    }
    100% {
    transform: translateX(0);
    opacity: 1;
    }
}


/* FADE IN RIGHT */

@-webkit-keyframes fadeInRight {
    0% {
    opacity: 0;
    transform: translateX(-20%);
    }
    100% {
    transform: translateX(0);
    opacity: 1;
    }
}
@-moz-keyframes fadeInRight {
    0% {
    transform: translateX(-20%);
    }
    100% {
    transform: translateX(0);
    }
}
@-o-keyframes fadeInRight {
    0% {
    transform: translateX(-20%);
    }
    100% {
    transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
    opacity: 0;
    transform: translateX(-20%);
    }
    100% {
    transform: translateX(0);
    opacity: 1;
    }
}