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

.background {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: #3E1E68;
	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: rgba(114, 27, 130, 0.5);
	top: 48%;
	left: 91%;
	animation-duration: 7s;
	animation-delay: -297s;
	transform-origin: 1vw -19vh;
	box-shadow: 40vmin 0 5.117769850130391vmin currentColor;
}
.background span:nth-child(1) {
	color: rgba(114, 27, 130, 0.5);
	top: 35%;
	left: 21%;
	animation-duration: 201s;
	animation-delay: -282s;
	transform-origin: -3vw -19vh;
	box-shadow: -40vmin 0 5.474100568161938vmin currentColor;
}
.background span:nth-child(2) {
	color: rgba(114, 27, 130, 0.5);
	top: 84%;
	left: 68%;
	animation-duration: 295s;
	animation-delay: -137s;
	transform-origin: -20vw -6vh;
	box-shadow: -40vmin 0 5.660240078270955vmin currentColor;
}
.background span:nth-child(3) {
	color: rgba(88, 60, 135, 0.5);
	top: 58%;
	left: 42%;
	animation-duration: 109s;
	animation-delay: -255s;
	transform-origin: -3vw 13vh;
	box-shadow: 40vmin 0 5.802970706516198vmin currentColor;
}
.background span:nth-child(4) {
	color: rgba(23, 41, 132, 0.5);
	top: 18%;
	left: 87%;
	animation-duration: 268s;
	animation-delay: -181s;
	transform-origin: -3vw -23vh;
	box-shadow: -40vmin 0 5.1422080537158035vmin currentColor;
}
.background span:nth-child(5) {
	color: rgba(114, 27, 130, 0.5);
	top: 54%;
	left: 31%;
	animation-duration: 111s;
	animation-delay: -262s;
	transform-origin: 13vw -5vh;
	box-shadow: -40vmin 0 5.515469464043447vmin currentColor;
}
.background span:nth-child(6) {
	color: rgba(114, 27, 130, 0.5);
	top: 35%;
	left: 46%;
	animation-duration: 76s;
	animation-delay: -164s;
	transform-origin: -22vw 14vh;
	box-shadow: 40vmin 0 5.699797367667386vmin currentColor;
}
.background span:nth-child(7) {
	color: rgba(23, 41, 132, 0.5);
	top: 88%;
	left: 7%;
	animation-duration: 221s;
	animation-delay: -148s;
	transform-origin: -19vw 24vh;
	box-shadow: 40vmin 0 5.511042301564044vmin currentColor;
}
.background span:nth-child(8) {
	color: rgba(88, 60, 135, 0.5);
	top: 78%;
	left: 1%;
	animation-duration: 31s;
	animation-delay: -230s;
	transform-origin: -19vw -11vh;
	box-shadow: 40vmin 0 5.8292274995095vmin currentColor;
}
.background span:nth-child(9) {
	color: rgba(23, 41, 132, 0.5);
	top: 30%;
	left: 8%;
	animation-duration: 119s;
	animation-delay: -12s;
	transform-origin: 12vw -9vh;
	box-shadow: 40vmin 0 5.348626615766621vmin currentColor;
}
.background span:nth-child(10) {
	color: rgba(23, 41, 132, 0.5);
	top: 62%;
	left: 60%;
	animation-duration: 64s;
	animation-delay: -54s;
	transform-origin: 2vw 8vh;
	box-shadow: 40vmin 0 5.2030754046353245vmin currentColor;
}
.background span:nth-child(11) {
	color: rgba(23, 41, 132, 0.5);
	top: 52%;
	left: 88%;
	animation-duration: 262s;
	animation-delay: -232s;
	transform-origin: -15vw 14vh;
	box-shadow: -40vmin 0 5.448237655262755vmin currentColor;
}
.background span:nth-child(12) {
	color: rgba(114, 27, 130, 0.5);
	top: 99%;
	left: 82%;
	animation-duration: 96s;
	animation-delay: -139s;
	transform-origin: 6vw 11vh;
	box-shadow: -40vmin 0 5.8616715214446575vmin currentColor;
}
.background span:nth-child(13) {
	color: rgba(114, 27, 130, 0.5);
	top: 81%;
	left: 93%;
	animation-duration: 43s;
	animation-delay: -176s;
	transform-origin: 14vw 20vh;
	box-shadow: -40vmin 0 5.931024817950606vmin currentColor;
}
.background span:nth-child(14) {
	color: rgba(114, 27, 130, 0.5);
	top: 42%;
	left: 10%;
	animation-duration: 263s;
	animation-delay: -60s;
	transform-origin: 21vw -16vh;
	box-shadow: 40vmin 0 5.339620336148134vmin currentColor;
}
.background span:nth-child(15) {
	color: rgba(23, 41, 132, 0.5);
	top: 99%;
	left: 25%;
	animation-duration: 267s;
	animation-delay: -288s;
	transform-origin: -11vw 24vh;
	box-shadow: 40vmin 0 5.196955198601891vmin currentColor;
}
.background span:nth-child(16) {
	color: rgba(114, 27, 130, 0.5);
	top: 36%;
	left: 49%;
	animation-duration: 254s;
	animation-delay: -77s;
	transform-origin: 11vw 7vh;
	box-shadow: -40vmin 0 5.065614389123367vmin currentColor;
}
.background span:nth-child(17) {
	color: rgba(23, 41, 132, 0.5);
	top: 31%;
	left: 65%;
	animation-duration: 191s;
	animation-delay: -167s;
	transform-origin: 20vw -22vh;
	box-shadow: 40vmin 0 5.705395434586175vmin currentColor;
}
.background span:nth-child(18) {
	color: rgba(88, 60, 135, 0.5);
	top: 80%;
	left: 31%;
	animation-duration: 301s;
	animation-delay: -236s;
	transform-origin: 6vw 19vh;
	box-shadow: 40vmin 0 5.962446857126188vmin currentColor;
}
.background span:nth-child(19) {
	color: rgba(88, 60, 135, 0.5);
	top: 57%;
	left: 22%;
	animation-duration: 28s;
	animation-delay: -129s;
	transform-origin: 14vw -10vh;
	box-shadow: 40vmin 0 5.2347241787882455vmin currentColor;
}