@keyframes up-down {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}

[data-reveal]:not([data-reveal='custom']) {
	& {
		transition:
			opacity 0.6s ease-out,
			transform 0.6s ease-out;
		will-change: transform, opacity;
	}

	&:not(.is-reveal) {
		opacity: 0;
		transform: translateY(20px);
	}
}
[data-reveal]:not([data-reveal=custom]) {
    -webkit-transition: opacity .6s ease-out,-webkit-filter .6s ease-out,-webkit-transform .6s ease-out;
    transition: filter .6s ease-out,opacity .6s ease-out,transform .6s ease-out,-webkit-filter .6s ease-out,-webkit-transform .6s ease-out;
    will-change: filter,transform,opacity
}

[data-reveal]:not([data-reveal=custom]):not(.is-reveal) {
    opacity: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}