.drop {
	transform: translateY(-2000vh);
	animation: dropIn 1s ease forwards;
	animation-delay: calc(var(--order) * 200ms + 400ms);
	/* animation-delay: 100ms; */
}

@keyframes dropIn {
	from {
		transform: translateY(-500px);
	}
	to {
		transform: translateY(0);
	}
}

.before-fade {
	/* transform: translateX(100vw); */
	transform: translateX(50%);
	opacity: 0;
	transition: all 1s;
	/* transition: all calc(var(--order) * 200ms); */
}

.fade {
	transform: translateX(0);
	opacity: 1;
	transition: all 2s;
}

.test {
	transform: translatex(-2000vh);
	animation: testIn 1s ease forwards;
	animation-delay: calc(var(--order) * 200ms + 400ms);
}

@keyframes testIn {
	from {
		transform: translatex(-100vh);
	}
	to {
		transform: translatex(0);
	}
}