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

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(25%);
	}
	70%,
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes dropIn {
	0% {
		opacity: 0;
		transform: translateY(-25%);
	}
	70%,
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Custom Element Calls */
.sub-head {
	opacity: 0;
	animation: fadeIn 4s ease forwards 100ms;
}

.site-title {
	opacity: 0;
	animation: dropIn 4s ease forwards 0.25s;
}

.sub-title {
	opacity: 0;
	animation: fadeInUp 3.5s ease forwards 0.75s;
}