/* second logo section */
@keyframes logoDrop {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-150px);
	}

	24% {
		opacity: 0.5;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes logoShake {
	0%,
	100% {
		transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70% {
		transform: translateX(-20px);
	}

	20%,
	40%,
	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(16px);
	}

	90% {
		transform: translateX(-16px);
	}
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
  }