@keyframes move {
	100% {
		transform: translate3d(0, 0, 1px) rotate(360deg);
	}
}

.background {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: #450e59;
	overflow: hidden;
	z-index: -1;
}

.background span {
	width: 20vmin;
	height: 20vmin;
	border-radius: 20vmin;
	backface-visibility: hidden;
	position: absolute;
	animation: move;
	animation-duration: 20;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}


.background span:nth-child(0) {
	color: #be38f3;
	top: 18%;
	left: 53%;
	animation-duration: 152s;
	animation-delay: -13s;
	transform-origin: -2vw -15vh;
	box-shadow: 40vmin 0 5.716936224630844vmin currentColor;
}
.background span:nth-child(1) {
	color: #be38f3;
	top: 5%;
	left: 75%;
	animation-duration: 24s;
	animation-delay: -85s;
	transform-origin: 4vw -1vh;
	box-shadow: -40vmin 0 5.899540388628309vmin currentColor;
}
.background span:nth-child(2) {
	color: #7b219f;
	top: 78%;
	left: 25%;
	animation-duration: 128s;
	animation-delay: -72s;
	transform-origin: 9vw -14vh;
	box-shadow: -40vmin 0 5.790150738810697vmin currentColor;
}
.background span:nth-child(3) {
	color: #be38f3;
	top: 32%;
	left: 58%;
	animation-duration: 251s;
	animation-delay: -80s;
	transform-origin: 16vw 20vh;
	box-shadow: 40vmin 0 5.855052748350375vmin currentColor;
}
.background span:nth-child(4) {
	color: #9929bd;
	top: 13%;
	left: 78%;
	animation-duration: 299s;
	animation-delay: -193s;
	transform-origin: -3vw -3vh;
	box-shadow: 40vmin 0 5.612810045811647vmin currentColor;
}
.background span:nth-child(5) {
	color: #9929bd;
	top: 15%;
	left: 30%;
	animation-duration: 209s;
	animation-delay: -52s;
	transform-origin: 11vw 22vh;
	box-shadow: 40vmin 0 5.706946923162468vmin currentColor;
}
.background span:nth-child(6) {
	color: #9929bd;
	top: 96%;
	left: 8%;
	animation-duration: 117s;
	animation-delay: -57s;
	transform-origin: 3vw 6vh;
	box-shadow: -40vmin 0 5.585794283039002vmin currentColor;
}
.background span:nth-child(7) {
	color: #be38f3;
	top: 96%;
	left: 47%;
	animation-duration: 267s;
	animation-delay: -210s;
	transform-origin: -10vw 17vh;
	box-shadow: 40vmin 0 5.626377639624537vmin currentColor;
}
.background span:nth-child(8) {
	color: #7b219f;
	top: 72%;
	left: 39%;
	animation-duration: 215s;
	animation-delay: -11s;
	transform-origin: -4vw -24vh;
	box-shadow: 40vmin 0 5.640873068611872vmin currentColor;
}
.background span:nth-child(9) {
	color: #be38f3;
	top: 13%;
	left: 9%;
	animation-duration: 68s;
	animation-delay: -149s;
	transform-origin: -10vw -12vh;
	box-shadow: -40vmin 0 5.744372040956847vmin currentColor;
}