.roate {
	position: absolute;
	z-index: 1;
}

.roate1 {
	left: 34%;
	bottom: 31%;
	animation: myOrbit 10s linear infinite;
}

.roate2 {
	left: 41%;
	bottom: 38%;
	animation: myOrbit 12s linear infinite;
}

.roate3 {
	left: 36%;
	bottom: 36%;
	animation: myOrbit 14s linear infinite;
}

@keyframes myOrbit {
	0% {
		transform: rotate(0deg) translateX(340px) rotate(0deg);
	}
	100% {
		transform: rotate(360deg) translateX(340px) rotate(-360deg);
	}
}