.sphere-cont {margin: 0; display: block; position: absolute; bottom:0px; left: 2%; transform-style: preserve-3d; transform: rotateZ(30deg); overflow: hidden; border:0px solid #cc0000; z-index: 3; }


.sphere {height: 20em; width: 20em; position: relative; transform-style: preserve-3d; animation: spin 30s linear infinite; border:0px solid #ddd; }
.sphere span {width: 0.3em; height: 0.3em; color: #363636; border-radius: 50%; position: absolute; top: calc(50% - 10em / 100); left: calc(50% - 10em / 100); transform-style: preserve-3d; }



.sphere span:nth-child(1) {
   transform: translate3d(-8.07621415997771em, -5.44175391384827em, -2.27202094693087em);
   animation-delay: -10ms;
}
 .sphere span:nth-child(2) {
   transform: translate3d(-1.6617067366533em, -4.10136135871351em, -8.96758416334147em);
   animation-delay: -20ms;
}
 .sphere span:nth-child(3) {
   transform: translate3d(-1.59562134143651em, 7.56111683929822em, 6.34692875942635em);
   animation-delay: -30ms;
}
 .sphere span:nth-child(4) {
   transform: translate3d(-5.69841687869797em, 5.52439253558776em, 6.08351314532255em);
   animation-delay: -40ms;
}
 .sphere span:nth-child(5) {
   transform: translate3d(4.05681998393994em, -0.72551788792667em, -9.11130261884677em);
   animation-delay: -50ms;
}
 .sphere span:nth-child(6) {
   transform: translate3d(8.97291972271978em, 3.96362213074512em, -1.94329906455335em);
   animation-delay: -60ms;
}
 .sphere span:nth-child(7) {
   transform: translate3d(0.179146121130375em, 0.284530486463964em, 9.99434585501005em);
   animation-delay: -70ms;
}
 .sphere span:nth-child(8) {
   transform: translate3d(0.299403754179946em, -9.65193511856521em, -2.59817356213756em);
   animation-delay: -80ms;
}
 .sphere span:nth-child(9) {
   transform: translate3d(2.76004647651265em, -3.83410964511415em, -8.81372490362235em);
   animation-delay: -90ms;
}
 .sphere span:nth-child(10) {
   transform: translate3d(-7.04437790018296em, 2.60286851008347em, 6.6031670824408em);
   animation-delay: -100ms;
}
 .sphere span:nth-child(11) {
   transform: translate3d(-7.90547438140442em, -1.92612821895029em, 5.81321811814436em);
   animation-delay: -110ms;
}
 .sphere span:nth-child(12) {
   transform: translate3d(2.56757946160796em, 2.81828484136049em, -9.24471774914122em);
   animation-delay: -120ms;
}
 .sphere span:nth-child(13) {
   transform: translate3d(1.43537380132085em, 9.76421701605106em, -1.61237964324185em);
   animation-delay: -130ms;
}
 .sphere span:nth-child(14) {
   transform: translate3d(-0.290495005561201em, 0.606057054247366em, 9.9773898139113em);
   animation-delay: -140ms;
}
 .sphere span:nth-child(15) {
   transform: translate3d(8.24730206934378em, -4.84226189090956em, -2.9213880873384em);
   animation-delay: -150ms;
}
 .sphere span:nth-child(16) {
   transform: translate3d(5.00824540792484em, 0.311011568710413em, -8.64989882820187em);
   animation-delay: -160ms;
}
 .sphere span:nth-child(17) {
   transform: translate3d(-5.77649332450619em, -4.43656011833018em, 6.85193835263989em);
   animation-delay: -170ms;
}
 .sphere span:nth-child(18) {
   transform: translate3d(-2.64270346849706em, -7.89714849895848em, 5.53634933534649em);
   animation-delay: -180ms;
}
 .sphere span:nth-child(19) {
   transform: translate3d(-0.933425602198757em, 3.37273074950018em, -9.3676786845267em);
   animation-delay: -190ms;
}
 .sphere span:nth-child(20) {
   transform: translate3d(-7.53500728162849em, 6.44873589779422em, -1.27963689627405em);
   animation-delay: -200ms;
}
 .sphere span:nth-child(21) {
   transform: translate3d(-1.00052440294695em, 0.115517452219701em, 9.94915105108674em);
   animation-delay: -210ms;
}
 .sphere span:nth-child(22) {
   transform: translate3d(8.39990410159663em, 4.35150453668887em, -3.24129902217557em);
   animation-delay: -220ms;
}
 .sphere span:nth-child(23) {
   transform: translate3d(2.54328873888379em, 4.65662645541061em, -8.47629119635687em);
   animation-delay: -230ms;
}
 .sphere span:nth-child(24) {
   transform: translate3d(0.65483562755408em, -7.0186245785669em, 7.09296125225723em);
   animation-delay: -240ms;
}
 .sphere span:nth-child(25) {
   transform: translate3d(5.3897293913104em, -6.58441325365458em, 5.25321988817742em);
   animation-delay: -250ms;
}
 .sphere span:nth-child(26) {
   transform: translate3d(-3.04792410975669em, 0.91590354682007em, -9.48004637721179em);
   animation-delay: -260ms;
}
 .sphere span:nth-child(27) {
   transform: translate3d(-9.5075992070838em, -2.95155672499028em, -0.945447098797212em);
   animation-delay: -270ms;
}
 .sphere span:nth-child(28) {
   transform: translate3d(-0.84001255122622em, -1.04546060384402em, 9.90966149974824em);
   animation-delay: -280ms;
}
 .sphere span:nth-child(29) {
   transform: translate3d(0.783544730588572em, 9.31289074666545em, -3.55754460208721em);
   animation-delay: -290ms;
}
 .sphere span:nth-child(30) {
   transform: translate3d(-2.72293975997564em, 4.87956137118805em, -8.29309832863166em);
   animation-delay: -300ms;
}
 .sphere span:nth-child(31) {
   transform: translate3d(6.07201410728378em, -3.07585882282871em, 7.32596322560887em);
   animation-delay: -310ms;
}
 .sphere span:nth-child(32) {
   transform: translate3d(8.61415692520116em, 1.07401851264016em, 4.96414994762598em);
   animation-delay: -320ms;
}
 .sphere span:nth-child(33) {
   transform: translate3d(-2.15739808953763em, -1.88063239379724em, -9.58169375855124em);
   animation-delay: -330ms;
}
 .sphere span:nth-child(34) {
   transform: translate3d(-2.57475346895852em, -9.64356339641341em, -0.610188162324992em);
   animation-delay: -340ms;
}
 .sphere span:nth-child(35) {
   transform: translate3d(0.545499752983582em, -1.58215772345166em, 9.85896581582557em);
   animation-delay: -350ms;
}
 .sphere span:nth-child(36) {
   transform: translate3d(-7.36368593701541em, 5.54986767243365em, -3.86976720740117em);
   animation-delay: -360ms;
}
 .sphere span:nth-child(37) {
   transform: translate3d(-5.85535924212941em, 0.310200311373251em, -8.10052738483326em);
   animation-delay: -370ms;
}
 .sphere span:nth-child(38) {
   transform: translate3d(5.62354547561589em, 3.37089838646557em, 7.55068078730679em);
   animation-delay: -380ms;
}
 .sphere span:nth-child(39) {
   transform: translate3d(3.74950501232671em, 8.0085763828371em, 4.6694664023634em);
   animation-delay: -390ms;
}
 .sphere span:nth-child(40) {
   transform: translate3d(0.391979796828296em, -2.50778423857876em, -9.67250588273868em);
   animation-delay: -400ms;
}
 .sphere span:nth-child(41) {
   transform: translate3d(6.79900282663839em, -7.3279160353061em, -0.274239207384586em);
   animation-delay: -410ms;
}
 .sphere span:nth-child(42) {
   transform: translate3d(1.9513716208693em, -0.456686426483279em, 9.79712132746818em);
   animation-delay: -420ms;
}
 .sphere span:nth-child(43) {
   transform: translate3d(-8.49342045918225em, -3.22635275677052em, -4.17761376774154em);
   animation-delay: -430ms;
}
 .sphere span:nth-child(44) {
   transform: translate3d(-3.5374777271401em, -5.00951804371764em, -7.89879612976909em);
   animation-delay: -440ms;
}
 .sphere span:nth-child(45) {
   transform: translate3d(0.138044973890268em, 6.2973670782558em, 7.76685982021586em);
   animation-delay: -450ms;
}
 .sphere span:nth-child(46) {
   transform: translate3d(-4.86153885560579em, 7.56788530259873em, 4.3695024890879em);
   animation-delay: -460ms;
}
 .sphere span:nth-child(47) {
   transform: translate3d(2.03103996856333em, -0.87519133565716em, -9.7523800567907em);
   animation-delay: -470ms;
}
 .sphere span:nth-child(48) {
   transform: translate3d(9.82721668717465em, 1.84985559426571em, 0.0620198652039165em);
   animation-delay: -480ms;
}
 .sphere span:nth-child(49) {
   transform: translate3d(1.65978002091409em, 1.6386287310445em, 9.72419797021687em);
   animation-delay: -490ms;
}
 .sphere span:nth-child(50) {
   transform: translate3d(-1.76633338587493em, -8.76373606533443em, -4.48073616129094em);
   animation-delay: -500ms;
}
 .sphere span:nth-child(51) {
   transform: translate3d(2.45507329050451em, -5.90467873177313em, -7.68813268699217em);
   animation-delay: -510ms;
}
 .sphere span:nth-child(52) {
   transform: translate3d(-5.03465032622892em, 3.32618994149957em, 7.97425586281692em);
   animation-delay: -520ms;
}
 .sphere span:nth-child(53) {
   transform: translate3d(-9.13630923337252em, -0.0830749092721136em, 4.06459741569094em);
   animation-delay: -530ms;
}
 .sphere span:nth-child(54) {
   transform: translate3d(1.5514841783927em, 1.06602887021356em, -9.82122595667508em);
   animation-delay: -540ms;
}
 .sphere span:nth-child(55) {
   transform: translate3d(3.66775875225642em, 9.29456698742436em, 0.398208803930395em);
   animation-delay: -550ms;
}
 .sphere span:nth-child(56) {
   transform: translate3d(-0.572456935872037em, 2.59563655593396em, 9.64027820791865em);
   animation-delay: -560ms;
}
 .sphere span:nth-child(57) {
   transform: translate3d(6.36229846039552em, -6.05675730600059em, -4.77879160845682em);
   animation-delay: -570ms;
}
 .sphere span:nth-child(58) {
   transform: translate3d(6.55613556937257em, -1.11107254508181em, -7.46877528083241em);
   animation-delay: -580ms;
}
 .sphere span:nth-child(59) {
   transform: translate3d(-5.24987336141177em, -2.37631582236353em, 8.17263438565092em);
   animation-delay: -590ms;
}
 .sphere span:nth-child(60) {
   transform: translate3d(-4.86664167101359em, -7.88765193479225em, 3.75509597767117em);
   animation-delay: -600ms;
}
 .sphere span:nth-child(61) {
   transform: translate3d(-0.0621882579175031em, 1.54989313724947em, -9.87896572945185em);
   animation-delay: -610ms;
}
 .sphere span:nth-child(62) {
   transform: translate3d(-5.8999290572712em, 8.04065658261089em, 0.733947436594134em);
   animation-delay: -620ms;
}
 .sphere span:nth-child(63) {
   transform: translate3d(-2.80517036347586em, 1.00760659412282em, 9.54545693947424em);
   animation-delay: -630ms;
}
 .sphere span:nth-child(64) {
   transform: translate3d(8.35475615825612em, 2.11625018142142em, -5.0714430594965em);
   animation-delay: -640ms;
}
 .sphere span:nth-child(65) {
   transform: translate3d(4.59830874216197em, 5.1404164894292em, -7.24097196700562em);
   animation-delay: -650ms;
}
 .sphere span:nth-child(66) {
   transform: translate3d(-0.748310493267603em, -5.43330619455732em, 8.36177105653166em);
   animation-delay: -660ms;
}
 .sphere span:nth-child(67) {
   transform: translate3d(4.13513317821922em, -8.42957865989833em, 3.44134816822962em);
   animation-delay: -670ms;
}
 .sphere span:nth-child(68) {
   transform: translate3d(-1.05599405675346em, 0.607165342244483em, -9.92553408131162em);
   animation-delay: -680ms;
}
 .sphere span:nth-child(69) {
   transform: translate3d(-9.91758350483214em, -0.706458818132868em, 1.06885610021357em);
   animation-delay: -690ms;
}
 .sphere span:nth-child(70) {
   transform: translate3d(-2.59871140229812em, -2.03373881077274em, 9.43984139152361em);
   animation-delay: -700ms;
}
 .sphere span:nth-child(71) {
   transform: translate3d(2.6064844385005em, 8.03082944220314em, -5.35835957566286em);
   animation-delay: -710ms;
}
 .sphere span:nth-child(72) {
   transform: translate3d(-1.96599001113507em, 6.86040330758631em, -7.00498035210491em);
   animation-delay: -720ms;
}
 .sphere span:nth-child(73) {
   transform: translate3d(3.98152733275568em, -3.34530087269165em, 8.54145199422721em);
   animation-delay: -730ms;
}
 .sphere span:nth-child(74) {
   transform: translate3d(9.44642873348677em, -1.00370694197515em, 3.12370878248699em);
   animation-delay: -740ms;
}
 .sphere span:nth-child(75) {
   transform: translate3d(-0.780921348743878em, -0.413599220807774em, -9.96087835141175em);
   animation-delay: -750ms;
}
 .sphere span:nth-child(76) {
   transform: translate3d(-4.66674318248034em, -8.73237336228058em, 1.40255607036078em);
   animation-delay: -760ms;
}
 .sphere span:nth-child(77) {
   transform: translate3d(0.368577912877048em, -3.59660216383772em, 9.32355099719077em);
   animation-delay: -770ms;
}
 .sphere span:nth-child(78) {
   transform: translate3d(-5.28878764597573em, 6.34255155339053em, -5.63921670344011em);
   animation-delay: -780ms;
}
 .sphere span:nth-child(79) {
   transform: translate3d(-7.07531442993591em, 2.05618448866649em, -6.76106730229097em);
   animation-delay: -790ms;
}
 .sphere span:nth-child(80) {
   transform: translate3d(4.6760116914096em, 1.49837753228782em, 8.71147401032316em);
   animation-delay: -800ms;
}
 .sphere span:nth-child(81) {
   transform: translate3d(5.94421310795805em, 7.53738129588849em, 2.80253701627116em);
   animation-delay: -810ms;
}
 .sphere span:nth-child(82) {
   transform: translate3d(-0.0409972547031375em, -0.546737187321338em, -9.98495857142666em);
   animation-delay: -820ms;
}
 .sphere span:nth-child(83) {
   transform: translate3d(4.87705127840393em, -8.55600904952654em, 1.73466998943272em);
   animation-delay: -830ms;
}
 .sphere span:nth-child(84) {
   transform: translate3d(3.51905412556364em, -1.74259854301023em, 9.19671726102592em);
   animation-delay: -840ms;
}
 .sphere span:nth-child(85) {
   transform: translate3d(-7.99264637368349em, -1.07041749460117em, -5.91369684144325em);
   animation-delay: -850ms;
}
 .sphere span:nth-child(86) {
   transform: translate3d(-5.67667870165746em, -5.04000160359107em, -6.5095086415142em);
   animation-delay: -860ms;
}
 .sphere span:nth-child(87) {
   transform: translate3d(1.14975998292432em, 4.46900098818916em, 8.87164483899294em));
   animation-delay: -870ms;
}
 .sphere span:nth-child(88) {
   transform: translate3d(-3.24099295821311em, 9.12986905346203em, 2.47819605992937em);
   animation-delay: -880ms;
}
 .sphere span:nth-child(89) {
   transform: translate3d(0.170644481003179em, -0.126194978073455em, -9.99774751074522em);
   animation-delay: -890ms;
}
 .sphere span:nth-child(90) {
   transform: translate3d(9.77510447166692em, -0.428767378381204em, 2.06482229337867em);
   animation-delay: -900ms;
}
 .sphere span:nth-child(91) {
   transform: translate3d(3.61150102639867em, 2.20970972100425em, 9.05948361029594em);
   animation-delay: -910ms;
}
 .sphere span:nth-child(92) {
   transform: translate3d(-3.26815115727503em, -7.14901212361373em, -6.18148959957272em));
   animation-delay: -920ms;
}
 .sphere span:nth-child(93) {
   transform: translate3d(1.2755195631963em, -7.70085638108745em, -6.25058883960289em);
   animation-delay: -930ms;
}
 .sphere span:nth-child(94) {
   transform: translate3d(-2.9625741357008em, 3.13537551122782em, 9.02178335441888em);
   animation-delay: -940ms;
}
 .sphere span:nth-child(95) {
   transform: translate3d(-9.52881026846032em, 2.13886586834396em, 2.1510526876203em);
   animation-delay: -950ms;
}
 .sphere span:nth-child(96) {
   transform: translate3d(-0.115547987437786em, -0.0450990632731599em, -9.99923070726398em);
   animation-delay: -960ms;
}
 .sphere span:nth-child(97) {
   transform: translate3d(5.52840823729189em, 7.98197832195584em, 2.39263963639955em);
   animation-delay: -970ms;
}
 .sphere span:nth-child(98) {
   transform: translate3d(0.0581737035309382em, 4.53572249491693em, 8.91200523279256em);
   animation-delay: -980ms;
}
 .sphere span:nth-child(99) {
   transform: translate3d(4.1921042543697em, -6.3971191777539em, -6.44229215001219em);
   animation-delay: -990ms;
}
 .sphere span:nth-child(100) {
   transform: translate3d(7.38603858960106em, -3.10338339997925em, -5.98460069057722em);
   animation-delay: -1000ms;
}
  
 
.sphere span::before {
   content: "";
   display: block;
   border-radius: 50%;
   background-color: #e5c17c;
   width: 0.25em;
   height: 0.25em;
 
   animation: spin 30s linear reverse infinite;
}


@keyframes spin {
   0% {
     transform: rotateY(0);
  }
   100% {
     transform: rotateY(360deg);
  }
}