.background {
  /*width: 100vw;*/
  height: 100vh;
  /*background: #3E1E68;*/
  position: relative;
  overflow: hidden;
  z-index:0;
}

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

.background span:nth-child(1) {
	color: #E45A84;
	top: 5%;
	left: 23%;
	animation-duration: 12.7s;
	animation-delay: -3.6s;
	transform-origin: 21vw -5vh;
	box-shadow: -40vmin 0 9.34595vmin currentColor;
}

.background span:nth-child(2) {
	color: #FFACAC;
	top: 38%;
	left: 41%;
	animation-duration: 11.9s;
	animation-delay: -1.6s;
	transform-origin: -21vw 13vh;
	box-shadow: 40vmin 0 5.26066vmin currentColor;
}

.background span:nth-child(3) {
	color: #FFACAC;
	top: 54%;
	left: 80%;
	animation-duration: 14.4s;
	animation-delay: -4.5s;
	transform-origin: -17vw -12vh;
	box-shadow: 40vmin 0 14.21383vmin currentColor;
}

.background span:nth-child(4) {
	color: #583C87;
	top: 95%;
	left: 82%;
	animation-duration: 10.3s;
	animation-delay: -7.5s;
	transform-origin: -21vw -8vh;
	box-shadow: -40vmin 0 14.45054vmin currentColor;
}

.background span:nth-child(5) {
	color: #FFACAC;
	top: 38%;
	left: 71%;
	animation-duration: 15.1s;
	animation-delay: -5.9s;
	transform-origin: 22vw 20vh;
	box-shadow: -40vmin 0 11.43564vmin currentColor;
}

.background span:nth-child(6) {
	color: #E45A84;
	top: 98%;
	left: 33%;
	animation-duration: 14.4s;
	animation-delay: -14.4s;
	transform-origin: 25vw 22vh;
	box-shadow: 40vmin 0 11.98213vmin currentColor;
}

.background span:nth-child(7) {
	color: #FFACAC;
	top: 84%;
	left: 32%;
	animation-duration: 11.2s;
	animation-delay: -13s;
	transform-origin: -6vw -18vh;
	box-shadow: 40vmin 0 11.3449vmin currentColor;
}

.background span:nth-child(8) {
	color: #FFACAC;
	top: 37%;
	left: 12%;
	animation-duration: 11.3s;
	animation-delay: -11.6s;
	transform-origin: 17vw -14vh;
	box-shadow: -40vmin 0 9.24323vmin currentColor;
}

.background span:nth-child(9) {
	color: #583C87;
	top: 93%;
	left: 91%;
	animation-duration: 15.7s;
	animation-delay: -11.9s;
	transform-origin: 19vw -14vh;
	box-shadow: 40vmin 0 7.3097vmin currentColor;
}

.background span:nth-child(10) {
	color: #583C87;
	top: 80%;
	left: 86%;
	animation-duration: 12.8s;
	animation-delay: -2.4s;
	transform-origin: 8vw 11vh;
	box-shadow: 40vmin 0 13.51392vmin currentColor;
}

.background span:nth-child(11) {
	color: #E45A84;
	top: 9%;
	left: 12%;
	animation-duration: 13.8s;
	animation-delay: -10.1s;
	transform-origin: -5vw -14vh;
	box-shadow: 40vmin 0 13.17291vmin currentColor;
}

.background span:nth-child(12) {
	color: #FFACAC;
	top: 80%;
	left: 90%;
	animation-duration: 10.5s;
	animation-delay: -1.9s;
	transform-origin: 9vw 21vh;
	box-shadow: 40vmin 0 14.69074vmin currentColor;
}

.background span:nth-child(13) {
	color: #FFACAC;
	top: 88%;
	left: 44%;
	animation-duration: 10.9s;
	animation-delay: -14.2s;
	transform-origin: -8vw -1vh;
	box-shadow: 40vmin 0 6.645vmin currentColor;
}

.background span:nth-child(14) {
	color: #583C87;
	top: 74%;
	left: 52%;
	animation-duration: 14.6s;
	animation-delay: -15.3s;
	transform-origin: 22vw -19vh;
	box-shadow: 40vmin 0 9.90248vmin currentColor;
}

.background span:nth-child(15) {
	color: #E45A84;
	top: 57%;
	left: 79%;
	animation-duration: 11.6s;
	animation-delay: -3.1s;
	transform-origin: -12vw -20vh;
	box-shadow: -40vmin 0 7.34301vmin currentColor;
}

.background span:nth-child(16) {
	color: #583C87;
	top: 3%;
	left: 22%;
	animation-duration: 10.5s;
	animation-delay: -10.5s;
	transform-origin: -13vw -9vh;
	box-shadow: 40vmin 0 11.27435vmin currentColor;
}

.background span:nth-child(17) {
	color: #583C87;
	top: 77%;
	left: 91%;
	animation-duration: 13.8s;
	animation-delay: -5.7s;
	transform-origin: 22vw -23vh;
	box-shadow: -40vmin 0 8.90815vmin currentColor;
}

.background span:nth-child(18) {
	color: #E45A84;
	top: 16%;
	left: 94%;
	animation-duration: 12.5s;
	animation-delay: -10.2s;
	transform-origin: 5vw 11vh;
	box-shadow: -40vmin 0 7.34447vmin currentColor;
}

.background span:nth-child(19) {
	color: #583C87;
	top: 94%;
	left: 78%;
	animation-duration: 13.2s;
	animation-delay: -2.5s;
	transform-origin: 10vw 21vh;
	box-shadow: -40vmin 0 6.34304vmin currentColor;
}

.background span:nth-child(20) {
	color: #583C87;
	top: 2%;
	left: 80%;
	animation-duration: 13.8s;
	animation-delay: -9.8s;
	transform-origin: -9vw -22vh;
	box-shadow: 40vmin 0 9.17948vmin currentColor;
}

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