/* fade in artwork content all at once */

@keyframes fade-content {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

div {
	animation-name: fade-content;
	animation-duration: 0.5s;
}

/* fade in and move elements of the page */

@keyframes fade-move-content {
	from {
		opacity: 0;
		transform: translateY(2vh);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

div .artwork--container--middle {
	animation-name: fade-move-content;
	animation-duration: 1s;
}

div .artwork--container--right--top {
	animation-name: fade-move-content;
	animation-duration: 1s;
}

div .col-checkout-container {
	animation-name: fade-move-content;
	animation-duration: 1s;
}