html,
body,
section {
	width: 100%;
	height: 100%;
    overflow: hidden;
    margin:0;
}

.logo {
    left: 50%;
    width: 250px;
    position: absolute;
    margin-left: -90px;
    top: 15px;
}

.background {
	background-image: linear-gradient(#000203 0%, #00345E 85%, #004D89 100%);
}

.illustration {
	display: block;
	position: relative;
	width: auto;
	height: 90%;
	margin: 0 auto;
    top: 50%;
    padding-top: 123px;
	transform: translateY(-50%);
}

.hover {
	width: 100%;
	height: 100%;
	animation: hover 5s ease-in-out infinite;
	animation-fill-mode: forwards;
}

.number-one {
	transform: translateY(-10px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-10 2746ms ease-in-out infinite;
	animation-fill-mode: forwards;
}

.number-two {
	transform: translateY(-20px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-20 4952ms ease-in-out infinite;
	animation-delay: 4724ms;
	animation-fill-mode: forwards;
}

.number-three {
	transform: translateY(-30px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-30 4406ms ease-in-out infinite;
	animation-delay: 2382ms;
	animation-fill-mode: forwards;
}

.number-four {
	transform: translateY(-50px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-50 5105ms ease-in-out infinite;
	animation-delay: 347ms;
	animation-fill-mode: forwards;
}

.number-five {
	transform: translateY(-60px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-60 2906ms ease-in-out infinite;
	animation-delay: 5484ms;
	animation-fill-mode: forwards;
}

.number-six {
	transform: translateY(-70px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-70 5589ms ease-in-out infinite;
	animation-delay: 628ms;
	animation-fill-mode: forwards;
}

.number-seven {
	transform: translateY(-80px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-80 3064ms ease-in-out infinite;
	animation-delay: 4528ms;
	animation-fill-mode: forwards;
}

.number-eight {
	transform: translateY(-90px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-90 3173ms ease-in-out infinite;
	animation-delay: 1996ms;
	animation-fill-mode: forwards;
}

.number-nine {
	transform: translateY(-100px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-100 3203ms ease-in-out infinite;
	animation-delay: 395ms;
	animation-fill-mode: forwards;
}

.number-ten {
	transform: translateY(-110px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-110 5395ms ease-in-out infinite;
	animation-delay: 2510ms;
	animation-fill-mode: forwards;
}

.number-eleven {
	transform: translateY(-120px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-120 5652ms ease-in-out infinite;
	animation-delay: 4937ms;
	animation-fill-mode: forwards;
}

.number-twelve {
	transform: translateY(-150px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-150 4491ms ease-in-out infinite;
	animation-delay: 2841ms;
	animation-fill-mode: forwards;
}

.number-thirteen {
	transform: translateY(-160px) translateZ(0);
	opacity: 0;
	animation: fadeNumberDown-160 4114ms ease-in-out infinite;
	animation-delay: 5106ms;
	animation-fill-mode: forwards;
}

@keyframes hover {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-3px);
	}

	75% {
		transform: translateY(3px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes fadeNumberDown-10 {
	0% {
		transform: translateY(-10px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(140px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-20 {
	0% {
		transform: translateY(-20px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(140px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-30 {
	0% {
		transform: translateY(-30px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(130px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-50 {
	0% {
		transform: translateY(-50px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(110px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-60 {
	0% {
		transform: translateY(-60px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(90px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-70 {
	0% {
		transform: translateY(-70px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(80px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-80 {
	0% {
		transform: translateY(-80px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(80px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-90 {
	0% {
		transform: translateY(-90px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(60px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-100 {
	0% {
		transform: translateY(-100px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(60px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-110 {
	0% {
		transform: translateY(-110px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(30px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-120 {
	0% {
		transform: translateY(-120px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(20px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-150 {
	0% {
		transform: translateY(-150px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(10px) translateZ(0);
		opacity: 0;
	}
}

@keyframes fadeNumberDown-160 {
	0% {
		transform: translateY(-160px) translateZ(0);
		opacity: 0;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(10px) translateZ(0);
		opacity: 0;
	}
}