@keyframes spin3D {
	from {
		transform: rotate3d(0.5,0.5,0.5,360deg)
	}

	to {
		transform: rotate3d(0deg)
	}
}

#loading {
	height: 100%;
	background-color: #1d2630;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 99999999
}

.spinner-box {
	width: 300px;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent
}

.leo {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%
}

.blue-orbit {
	width: 165px;
	height: 165px;
	border: 1px solid #91daffa5;
	animation: spin3D 3s linear .2s infinite
}

.green-orbit {
	width: 120px;
	height: 120px;
	border: 1px solid #91ffbfa5;
	animation: spin3D 2s linear 0s infinite
}

.red-orbit {
	width: 90px;
	height: 90px;
	border: 1px solid #ffca91a5;
	animation: spin3D 1s linear 0s infinite
}

.white-orbit {
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
	animation: spin3D 10s linear 0s infinite
}

.w1 {
	transform: rotate3D(1,1,1,90deg)
}

.w2 {
	transform: rotate3D(1,2,0.5,90deg)
}

.w3 {
	transform: rotate3D(0.5,1,2,90deg)
}