.animation-right {
	animation: righty 1s forwards;
	position: relative;
}

@keyframes righty {
	0% {
		opacity: 0;
		right: -200px;
	}
	100% {
		opacity: 1;
		right:0
	}
}

.animation-left {
	animation: lefty 1s forwards;
	position: relative;
}

@keyframes lefty {
	0% {
		opacity: 0;
		left: -200px;
	}
	100% {
		opacity: 1;
		left:0
	}
}

.animation-top {
	animation: toping 1s forwards;
	position: relative;
	/*animation-delay: 1s;*/
}

@keyframes toping {
	0% {
		opacity: 0;
		bottom: -100px;
	}
	100% {
		opacity: 1;
		bottom: 0;
	}
}

.animation-right-left{margin: 0; animation: reveal-right-left 1.5s forwards}
@keyframes reveal-right-left {
	from {
		clip-path: inset(0 0 0 100%);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}

.animation-left-right{margin: 0; animation: reveal-left-right 1.5s forwards}
@keyframes reveal-left-right {
	from {
		clip-path: inset(0 100% 0 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}