body{
	background-color: black;
}

header{
	display: none;
}

@keyframes purple{
	0%		{transform: translate(0px);}
	50%		{transform: translate(500px);}
	100%	{transform: translate(-0px);}
}

svg{
	width: 100vw;
	height: 100vh;
	animation-name: purple;
	animation-iteration-count: infinite;
}


#purple1{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
}

#pink1{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 10s;
}

#red1{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 20s;

}

#orange1{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 30s;

}

#yellow1{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 40s;

}

#orange2{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 50s;
}

#red2{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 60s;
}

#pink2{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 70s;
}

#purple2{
	display: inline-block;
	animation-name: purple;
	animation-duration: 10s;
	animation-delay: 80s;
}