.page-enter-active,
.page-leave-active {
	transition: opacity 200ms;
}
.page-enter,
.page-leave-active {
	opacity: 0;
}
.from-opacity {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	&.in-viewport {
		opacity: 1;
	}
	&--delay10 {
		transition-delay: 0.1s;
	}
	&--delay20 {
		transition-delay: 0.2s;
	}
	&--delay30 {
		transition-delay: 0.3s;
	}
	&--delay40 {
		transition-delay: 0.4s;
	}
	&--delay50 {
		transition-delay: 0.5s;
	}
	&--delay60 {
		transition-delay: 0.6s;
	}
	&--delay70 {
		transition-delay: 0.7s;
	}
	&--delay80 {
		transition-delay: 0.8s;
	}
	&--delay90 {
		transition-delay: 0.9s;
	}
}
.fadeFromUp-enter-active,
.fadeFromUp-leave-active {
	transition: all 300ms ease;
}

.fadeFromUp-enter,
.fadeFromUp-leave-to {
	opacity: 0;
	transform: translateY(-10px);
	transition: all 300ms ease;
	pointer-events: none;
}