/* Animaciones */

@keyframes back-color {
	0% {
		background-color: #1d274a;
	}
	7.4% {
		background-color: #1d274a;
	}
	11.1% {
		background-color: #0086ff;
		animation-timing-function: ease-in-out;
	}
	18.5% {
		background-color: #0086ff;
	}
	22.2% {
		background-color: #8e64e7;
		animation-timing-function: ease-in-out;
	}
	29.6% {
		background-color: #8e64e7;
	}
	33.3% {
		background-color: #ff324b;
		animation-timing-function: ease-in-out;
	}
	40.7% {
		background-color: #ff324b;
	}
	44.4% {
		background-color: #ffa520;
		animation-timing-function: ease-in-out;
	}
	51.8% {
		background-color: #ffa520;
	}
	55.5% {
		background-color: #0086ff;
		animation-timing-function: ease-in-out;
	}
	62.9% {
		background-color: #0086ff;
	}
	66.6% {
		background-color: #8e64e7;
		animation-timing-function: ease-in-out;
	}
	74% {
		background-color: #8e64e7;
	}
	77.7% {
		background-color: #ff324b;
		animation-timing-function: ease-in-out;
	}
	85.1% {
		background-color: #ff324b;
	}
	88.8% {
		background-color: #0f0f0f;
		animation-timing-function: ease-in-out;
	}
	96.2% {
		background-color: #0f0f0f;
	}
	100% {
		background-color: #1d274a;
		animation-timing-function: ease-in-out;
	}
}

@media screen and (min-width: 1024px) {
	@keyframes text_down {
		0% {
			transform: translateY(-214px);
		}
		7.4% {
			transform: translateY(-214px);
		}
		11.1% {
			transform: translateY(-160px);
		}
		18.5% {
			transform: translateY(-160px);
		}
		22.2% {
			transform: translateY(-106px);
		}
		29.6% {
			transform: translateY(-106px);
		}
		33.3% {
			transform: translateY(-52px);
		}
		40.7% {
			transform: translateY(-52px);
		}
		44.4% {
			transform: translateY(2px);
		}
		51.8% {
			transform: translateY(2px);
		}
		55.5% {
			transform: translateY(56px);
		}
		62.9% {
			transform: translateY(56px);
		}
		66.6% {
			transform: translateY(110px);
		}
		74% {
			transform: translateY(110px);
		}
		77.7% {
			transform: translateY(164px);
		}
		85.1% {
			transform: translateY(164px);
		}
		88.8% {
			transform: translateY(218px);
		}
		96.2% {
			transform: translateY(218px);
		}
		100% {
			transform: translateY(272px);
		}
	}
}

@media screen and (max-width: 1023px) {
	@keyframes text_down {
		0% {
			transform: translateY(-148px);
		}
		7.4% {
			transform: translateY(-148px);
		}
		11.1% {
			transform: translateY(-111px);
		}
		18.5% {
			transform: translateY(-111px);
		}
		22.2% {
			transform: translateY(-74px);
		}
		29.6% {
			transform: translateY(-74px);
		}
		33.3% {
			transform: translateY(-37px);
		}
		40.7% {
			transform: translateY(-37px);
		}
		44.4% {
			transform: translateY(0px);
		}
		51.8% {
			transform: translateY(0px);
		}
		55.5% {
			transform: translateY(37px);
		}
		62.9% {
			transform: translateY(37px);
		}
		66.6% {
			transform: translateY(74px);
		}
		74% {
			transform: translateY(74px);
		}
		77.7% {
			transform: translateY(111px);
		}
		85.1% {
			transform: translateY(111px);
		}
		88.8% {
			transform: translateY(148px);
		}
		96.2% {
			transform: translateY(148px);
		}
		100% {
			transform: translateY(185px);
		}
	}
}

/* opacidad de los textos */

@keyframes p1 {
	0% {
		opacity: 0;
	}
	96.2% {
		opacity: 0;
	}
	100% {
		opacity: 0.3;
	}
}

@keyframes p2 {
	0% {
		opacity: 0;
	}
	85.1% {
		opacity: 0;
	}
	88.8% {
		opacity: 0.3;
	}
	96.2% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.6;
	}
}

@keyframes p3 {
	0% {
		opacity: 0;
	}
	74% {
		opacity: 0;
	}
	77.7% {
		opacity: 0.3;
	}
	85.1% {
		opacity: 0.3;
	}
	88.8% {
		opacity: 0.6;
	}
	96.2% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}

@keyframes p4 {
	0% {
		opacity: 0;
	}
	62.9% {
		opacity: 0;
	}
	66.6% {
		opacity: 0.3;
	}
	74% {
		opacity: 0.3;
	}
	77.7% {
		opacity: 0.6;
	}
	85.1% {
		opacity: 0.6;
	}
	88.8% {
		opacity: 1;
	}
	96.2% {
		opacity: 1;
	}
	100% {
		opacity: 0.6;
	}
}

@keyframes p5 {
	0% {
		opacity: 0;
	}
	51.8% {
		opacity: 0;
	}
	55.5% {
		opacity: 0.3;
	}
	62.9% {
		opacity: 0.3;
	}
	66.6% {
		opacity: 0.6;
	}
	74% {
		opacity: 0.6;
	}
	77.7% {
		opacity: 1;
	}
	85.1% {
		opacity: 1;
	}
	88.8% {
		opacity: 0.6;
	}
	96.2% {
		opacity: 0.6;
	}
	100% {
		opacity: 0.3;
	}
}

@keyframes p6 {
	0% {
		opacity: 0;
	}
	40.7% {
		opacity: 0;
	}
	44.4% {
		opacity: 0.3;
	}
	51.8% {
		opacity: 0.3;
	}
	55.5% {
		opacity: 0.6;
	}
	62.9% {
		opacity: 0.6;
	}
	66.6% {
		opacity: 1;
	}
	74% {
		opacity: 1;
	}
	77.7% {
		opacity: 0.6;
	}
	85.1% {
		opacity: 0.6;
	}
	88.8% {
		opacity: 0.3;
	}
	96.2% {
		opacity: 0.3;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p7 {
	0% {
		opacity: 0;
	}
	29.6% {
		opacity: 0;
	}
	33.3% {
		opacity: 0.3;
	}
	40.7% {
		opacity: 0.3;
	}
	44.4% {
		opacity: 0.6;
	}
	51.8% {
		opacity: 0.6;
	}
	55.5% {
		opacity: 1;
	}
	62.9% {
		opacity: 1;
	}
	66.6% {
		opacity: 0.6;
	}
	74% {
		opacity: 0.6;
	}
	77.7% {
		opacity: 0.3;
	}
	85.1% {
		opacity: 0.3;
	}
	88.8% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p8 {
	0% {
		opacity: 0;
	}
	18.5% {
		opacity: 0;
	}
	22.2% {
		opacity: 0.3;
	}
	29.6% {
		opacity: 0.3;
	}
	33.3% {
		opacity: 0.6;
	}
	40.7% {
		opacity: 0.6;
	}
	44.4% {
		opacity: 1;
	}
	51.8% {
		opacity: 1;
	}
	55.5% {
		opacity: 0.6;
	}
	62.9% {
		opacity: 0.6;
	}
	66.6% {
		opacity: 0.3;
	}
	74% {
		opacity: 0.3;
	}
	77.7% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p9 {
	0% {
		opacity: 0;
	}
	7.4% {
		opacity: 0;
	}
	11.1% {
		opacity: 0.3;
	}
	18.5% {
		opacity: 0.3;
	}
	22.2% {
		opacity: 0.6;
	}
	29.6% {
		opacity: 0.6;
	}
	33.3% {
		opacity: 1;
	}
	40.7% {
		opacity: 1;
	}
	44.4% {
		opacity: 0.6;
	}
	51.8% {
		opacity: 0.6;
	}
	55.5% {
		opacity: 0.3;
	}
	62.9% {
		opacity: 0.3;
	}
	66.6% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p10 {
	0% {
		opacity: 0.3;
	}
	7.4% {
		opacity: 0.3;
	}
	11.1% {
		opacity: 0.6;
	}
	18.5% {
		opacity: 0.6;
	}
	22.2% {
		opacity: 1;
	}
	29.6% {
		opacity: 1;
	}
	33.3% {
		opacity: 0.6;
	}
	40.7% {
		opacity: 0.6;
	}
	44.4% {
		opacity: 0.3;
	}
	51.8% {
		opacity: 0.3;
	}
	55.5% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p11 {
	0% {
		opacity: 0.6;
	}
	7.4% {
		opacity: 0.6;
	}
	11.1% {
		opacity: 1;
	}
	18.5% {
		opacity: 1;
	}
	22.2% {
		opacity: 0.6;
	}
	29.6% {
		opacity: 0.6;
	}
	33.3% {
		opacity: 0.3;
	}
	40.7% {
		opacity: 0.3;
	}
	44.4% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p12 {
	0% {
		opacity: 1;
	}
	7.4% {
		opacity: 1;
	}
	11.1% {
		opacity: 0.6;
	}
	18.5% {
		opacity: 0.6;
	}
	22.2% {
		opacity: 0.3;
	}
	29.6% {
		opacity: 0.3;
	}
	33.3% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p13 {
	0% {
		opacity: 0.6;
	}
	7.4% {
		opacity: 0.6;
	}
	11.1% {
		opacity: 0.3;
	}
	18.5% {
		opacity: 0.3;
	}
	22.2% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes p14 {
	0% {
		opacity: 0.3;
	}
	7.4% {
		opacity: 0.3;
	}
	11.1% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}