#space {
    background-color: transparent;
	position: relative;
    perspective: 100px;
    -webkit-perspective: 100px;
    max-width: 900px;
    aspect-ratio: 16 / 9;
}

.orbit {
    z-index: 1;
	position: absolute;
    left: 100px;
    top: -40px;
	border: 2px solid transparent;
	width: 400px;
	height: 400px;
    border-radius: 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preerve-3d;
  	transform: rotateX(-30deg);
    -webkit-transform: rotateX(-30deg);
}

/* Center the circle */
#UFO {
	position: absolute;
    height: 40px;
    width: 80px;
    background-image: conic-gradient( from 64deg at 0% 100%, #fbfaf8,4deg,transparent,6deg, transparent, 355deg,#b2d732);
    background-color: #10091c;
    border-radius: 50% 50% 0 0; /* top-left | top-right */
    border-width: 2px;
    border-color: transparent; /* #10091c;*/
	border-top: 10px solid orange;
    top:186px;
  	left:188px;
  	animation: orbit 15s linear infinite;
    -webkit-animation: orbit 15s linear infinite;
    animation-direction: reverse;
    -webkit-animation-direction:  everse;  
}

@keyframes orbit {
    from { background-image: conic-gradient( from 64deg at 0% 100%, #fbfaf8,4deg,transparent,6deg, transparent, 355deg,#b2d732);border-color: orange; transform: rotate(0deg) translate(192px);}
    to {background-image:conic-gradient( from 64deg at 0% 100%, #b2d732,4deg,transparent,6deg, transparent, 355deg,#fbfaf8); border-color: #0247fe; transform: rotate(360deg) translate(192px);}
}

@-webkit-keyframes orbit {
    from { background-image: conic-gradient( from 64deg at 0% 100%, #fbfaf8,4deg,transparent,6deg, transparent, 355deg,#b2d732);border-color: orange; transform: rotate(0deg) translate(192px);}
    to {background-image:conic-gradient( from 64deg at 0% 100%, #b2d732,4deg,transparent,6deg, transparent, 355deg,#fbfaf8); border-color: #0247fe; transform: rotate(360deg) translate(192px);}
}