body
{
	width: 1920px;
	height: 1080px;
	overflow: hidden;
	background-color: black;
}

h1{
	overflow: hidden;
}

header{
	display: none;
}

	#goback{
		margin-left: 42.5%;
		margin-top: 100vh;
		margin-left: 45vw;
		max-height: 15vh;
		max-width: auto;
	}

@keyframes move-across1{
		0%		{transform: translateX(-1000px);}
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{transform: translateX(-1000px);}
		100%	{transform: translateX(-1000px);}
	}

	@keyframes move-across2{
		0%		{transform: translateX(-800px);}
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{transform: translateX(-800px);}
		100%	{transform: translateX(-800px);}
	}

	@keyframes move-across3{
		0%		{opcity: 0;transform: translateX(-1100px);}	
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{opacity: 1;transform: translateX(-1100px);}
		100%	{transform: translateX(-1100px);}
	}

	@keyframes move-across4{
		0%		{transform: translateX(-1400px);}
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{transform: translateX(-1400px);}
		100%	{transform: translateX(-1400px);}
	}

	@keyframes move-across5{
		0%		{transform: translateX(800px);}
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{transform: translateX(800px);}
		100%	{transform: translateX(800px);}
	}

	@keyframes move-across6{
		0%		{transform: translateX(1000px);}
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{transform: translateX(1000px);}
		100%	{transform: translateX(1000px);}
	}

	@keyframes move-across7{
		0%		{transform: translateX(1200px);}
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{transform: translateX(1200px);}
		100%	{transform: translateX(1200px);}
	}
	@keyframes move-across8{
		0%		{transform: translateX(1400px);}
		10%		{transform: translateX(0px);}
		60%		{transform: translateX(0px);}
		80%		{transform: translateX(1400px);}
		100%	{transform: translateX(1400px);}
	}

	@keyframes move-down6{
		0%		{transform: translateY(-900px);}
		10%		{transform: translateY(0px);}
		60%		{transform: translateY(0px);}
		80%		{transform: translateY(-900px);}
		100%	{transform: translateY(-900px);}

	}

	@keyframes move-down7{
		0%		{transform: translateY(-1200px);}
		10%		{transform: translateY(0px);}
		60%		{transform: translateY(0px);}
		80%		{transform: translateY(-1200px);}
		100%	{transform: translateY(-1200px);}
	}

	@keyframes move-down8{
		0%		{transform: translateY(-1500px);}
		10%		{transform: translateY(0px);}
		60%		{transform: translateY(0px);}
		80%		{transform: translateY(-1500px);}
		100%	{transform: translateY(-1500px);}
	}

	@keyframes move-down9{
		0%		{transform: translateY(-1600px);}
		10%		{transform: translateY(0px);}
		60%		{transform: translateY(0px);}
		80%		{transform: translateY(-1600px);}
		100%	{transform: translateY(-1600px);}

	}

	@keyframes showup{
		0%		{opacity: 0;}
		50%		{opacity: 1;}
		65%		{opacity: 1;}
		70%		{opacity: 0;}
		100%	{opacity: 0;}
	}

.greenlight1{
	margin-top: 29vw;
	float: left;
	animation: move-across1 11s infinite;
}


.greenlight2{
	margin-top: 32vw;
	float: left;
	animation: move-across3 11s infinite;
	position: relative;
	animation-delay: 0.5s;
	animation-fill-mode: backwards;
}

.greenlight3{
	margin-top: 36vw;
	float: left;
	animation: move-across3 11s infinite;
	animation-delay: 1s;
	animation-fill-mode: backwards;
}

.greenlight4{
	margin-top: 40vw;
	float: left;
	animation: move-across4 11s infinite;
	animation-delay: 1.5s;
	animation-fill-mode: backwards;
}

.redlight1{
	float: right;
	animation: move-across5 10s infinite;
	animation-fill-mode: backwards;
	animation-delay: 2s;
}

.redlight2{
	float: right;
	margin-top: 3vw;
	animation: move-across6 10s infinite;
	animation-fill-mode: backwards;
	animation-delay: 2.5s;
}

.redlight3{
	float: right;
	margin-top: 7vw;
	animation: move-across7 10s infinite;
	animation-fill-mode: backwards;
	animation-delay: 3s;
}


.redlight4{
	float: right;
	margin-top: 11vw;
	animation: move-across8 10s infinite;
	animation-fill-mode: backwards;
	animation-delay: 3.5s;
}

	#horizontal{
	margin-left: 48vw;
	animation: move-down6 8s infinite;
	animation-fill-mode: backwards;
	animation-delay: 4.5s;
}
	#horizontal1{
	margin-left: 43vw;
	animation: move-down8 8s infinite;
	animation-fill-mode: backwards;
	animation-delay: 5s;
}

	#horizontal2{
	margin-left: 38vw;
	animation: move-down7 8s infinite;
	animation-fill-mode: backwards;
	animation-delay: 5.5s;
}

	#horizontal3{
	margin-left: 33vw;
	margin-top: -0.5vw;
	animation: move-down9 8s infinite;
	animation-fill-mode: backwards;
	animation-delay: 6s;
}

	#horizontal4{
	animation: showup 8s infinite;
	animation-delay:5.5s;
	animation-fill-mode: backwards;
	}



section{
	animation-timing-function: ease-in-out;
	}

article{
	animation-timing-function: linear;
	animation-fill-mode: backwards;
}


#goback{
		max-height: 10vh;
		max-width: auto;
		margin-top: -10vw;
		margin-left: 35vw;
		animation: hide 12s;
	}

	@keyframes hide{
		0%		{opacity: 0;}
		90%		{opacity: 0;}
		100%	{opacity: 1;}
	}