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

@keyframes dipi_slide_up {
	from {
		top: 0;
	}
	
	to {
		top: -100vh;
	}
}

@keyframes dipi_slide_down {
	from {
		top: 0;
	}
	
	to {
		top: 100vh;
	}
}

@keyframes dipi_slide_left {
	from {
		left: 0;
	}
	
	to {
		left: -100vw;
	}
}

@keyframes dipi_slide_right {
	from {
		left: 0;
	}
	
	to {
		left: 100vw;
	}
}

@keyframes dipi_zoom {
	from {
		transform: scale(1);
		opacity: 1;
	}
	
	to {
		transform: scale(1.5);
		opacity: 0;
	}
}