.container {
  height: 20em;
  width: 20em;
  position: relative;
  transform-style: preserve-3d;
  animation: spin 10s linear infinite;
}
.container span {
  width: 0.2em;
  height: 0.2em;
  border-radius: 100%;
  position: absolute;
  top: calc(50% - 10em / 100);
  left: calc(50% - 10em / 100);
  transform-style: preserve-3d;
}
.container span:nth-child(1) {
  transform: translate3d(0.18463em, 0.25412em, 9.99507em);
  animation: beat 2s linear infinite;
  animation-delay: -10ms;
}
.container span:nth-child(2) {
  transform: translate3d(-0.19403em, 0.59717em, 9.98027em);
  animation: beat 2s linear infinite;
  animation-delay: -20ms;
}
.container span:nth-child(3) {
  transform: translate3d(-0.89502em, 0.29081em, 9.95562em);
  animation: beat 2s linear infinite;
  animation-delay: -30ms;
}
.container span:nth-child(4) {
  transform: translate3d(-1.01397em, -0.73669em, 9.92115em);
  animation: beat 2s linear infinite;
  animation-delay: -40ms;
}
.container span:nth-child(5) {
  transform: translate3d(0em, -1.56434em, 9.87688em);
  animation: beat 2s linear infinite;
  animation-delay: -50ms;
}
.container span:nth-child(6) {
  transform: translate3d(1.51595em, -1.1014em, 9.82287em);
  animation: beat 2s linear infinite;
  animation-delay: -60ms;
}
.container span:nth-child(7) {
  transform: translate3d(2.07467em, 0.6741em, 9.75917em);
  animation: beat 2s linear infinite;
  animation-delay: -70ms;
}
.container span:nth-child(8) {
  transform: translate3d(0.76849em, 2.36518em, 9.68583em);
  animation: beat 2s linear infinite;
  animation-delay: -80ms;
}
.container span:nth-child(9) {
  transform: translate3d(-1.63987em, 2.25709em, 9.60294em);
  animation: beat 2s linear infinite;
  animation-delay: -90ms;
}
.container span:nth-child(10) {
  transform: translate3d(-3.09017em, 0em, 9.51057em);
  animation: beat 2s linear infinite;
  animation-delay: -100ms;
}
.container span:nth-child(11) {
  transform: translate3d(-1.99105em, -2.74045em, 9.40881em);
  animation: beat 2s linear infinite;
  animation-delay: -110ms;
}
.container span:nth-child(12) {
  transform: translate3d(1.13757em, -3.50107em, 9.29776em);
  animation: beat 2s linear infinite;
  animation-delay: -120ms;
}
.container span:nth-child(13) {
  transform: translate3d(3.7771em, -1.22725em, 9.17755em);
  animation: beat 2s linear infinite;
  animation-delay: -130ms;
}
.container span:nth-child(14) {
  transform: translate3d(3.44463em, 2.50267em, 9.04827em);
  animation: beat 2s linear infinite;
  animation-delay: -140ms;
}
.container span:nth-child(15) {
  transform: translate3d(0em, 4.5399em, 8.91007em);
  animation: beat 2s linear infinite;
  animation-delay: -150ms;
}
.container span:nth-child(16) {
  transform: translate3d(-3.89747em, 2.83168em, 8.76307em);
  animation: beat 2s linear infinite;
  animation-delay: -160ms;
}
.container span:nth-child(17) {
  transform: translate3d(-4.84127em, -1.57302em, 8.60742em);
  animation: beat 2s linear infinite;
  animation-delay: -170ms;
}
.container span:nth-child(18) {
  transform: translate3d(-1.6558em, -5.09602em, 8.44328em);
  animation: beat 2s linear infinite;
  animation-delay: -180ms;
}
.container span:nth-child(19) {
  transform: translate3d(3.30384em, -4.54735em, 8.27081em);
  animation: beat 2s linear infinite;
  animation-delay: -190ms;
}
.container span:nth-child(20) {
  transform: translate3d(5.87785em, 0em, 8.09017em);
  animation: beat 2s linear infinite;
  animation-delay: -200ms;
}
.container span:nth-child(21) {
  transform: translate3d(3.60258em, 4.95852em, 7.90155em);
  animation: beat 2s linear infinite;
  animation-delay: -210ms;
}
.container span:nth-child(22) {
  transform: translate3d(-1.96975em, 6.06226em, 7.70513em);
  animation: beat 2s linear infinite;
  animation-delay: -220ms;
}
.container span:nth-child(23) {
  transform: translate3d(-6.28945em, 2.04357em, 7.50111em);
  animation: beat 2s linear infinite;
  animation-delay: -230ms;
}
.container span:nth-child(24) {
  transform: translate3d(-5.5381em, -4.02367em, 7.28969em);
  animation: beat 2s linear infinite;
  animation-delay: -240ms;
}
.container span:nth-child(25) {
  transform: translate3d(0em, -7.07107em, 7.07107em);
  animation: beat 2s linear infinite;
  animation-delay: -250ms;
}
.container span:nth-child(26) {
  transform: translate3d(5.89748em, -4.28477em, 6.84547em);
  animation: beat 2s linear infinite;
  animation-delay: -260ms;
}
.container span:nth-child(27) {
  transform: translate3d(7.13398em, 2.31797em, 6.61312em);
  animation: beat 2s linear infinite;
  animation-delay: -270ms;
}
.container span:nth-child(28) {
  transform: translate3d(2.38102em, 7.32802em, 6.37424em);
  animation: beat 2s linear infinite;
  animation-delay: -280ms;
}
.container span:nth-child(29) {
  transform: translate3d(-4.64441em, 6.39249em, 6.12907em);
  animation: beat 2s linear infinite;
  animation-delay: -290ms;
}
.container span:nth-child(30) {
  transform: translate3d(-8.09017em, 0em, 5.87785em);
  animation: beat 2s linear infinite;
  animation-delay: -300ms;
}
.container span:nth-child(31) {
  transform: translate3d(-4.86146em, -6.69122em, 5.62083em);
  animation: beat 2s linear infinite;
  animation-delay: -310ms;
}
.container span:nth-child(32) {
  transform: translate3d(2.60912em, -8.03004em, 5.35827em);
  animation: beat 2s linear infinite;
  animation-delay: -320ms;
}
.container span:nth-child(33) {
  transform: translate3d(8.18614em, -2.65984em, 5.09041em);
  animation: beat 2s linear infinite;
  animation-delay: -330ms;
}
.container span:nth-child(34) {
  transform: translate3d(7.08947em, 5.1508em, 4.81754em);
  animation: beat 2s linear infinite;
  animation-delay: -340ms;
}
.container span:nth-child(35) {
  transform: translate3d(0em, 8.91007em, 4.5399em);
  animation: beat 2s linear infinite;
  animation-delay: -350ms;
}
.container span:nth-child(36) {
  transform: translate3d(-7.3202em, 5.31844em, 4.25779em);
  animation: beat 2s linear infinite;
  animation-delay: -360ms;
}
.container span:nth-child(37) {
  transform: translate3d(-8.72837em, -2.83602em, 3.97148em);
  animation: beat 2s linear infinite;
  animation-delay: -370ms;
}
.container span:nth-child(38) {
  transform: translate3d(-2.87317em, -8.8427em, 3.68125em);
  animation: beat 2s linear infinite;
  animation-delay: -380ms;
}
.container span:nth-child(39) {
  transform: translate3d(5.53036em, -7.61189em, 3.38738em);
  animation: beat 2s linear infinite;
  animation-delay: -390ms;
}
.container span:nth-child(40) {
  transform: translate3d(9.51057em, 0em, 3.09017em);
  animation: beat 2s linear infinite;
  animation-delay: -400ms;
}
.container span:nth-child(41) {
  transform: translate3d(5.64446em, 7.76894em, 2.78991em);
  animation: beat 2s linear infinite;
  animation-delay: -410ms;
}
.container span:nth-child(42) {
  transform: translate3d(-2.99309em, 9.21177em, 2.4869em);
  animation: beat 2s linear infinite;
  animation-delay: -420ms;
}
.container span:nth-child(43) {
  transform: translate3d(-9.28152em, 3.01575em, 2.18143em);
  animation: beat 2s linear infinite;
  animation-delay: -430ms;
}
.container span:nth-child(44) {
  transform: translate3d(-7.94687em, -5.77374em, 1.87381em);
  animation: beat 2s linear infinite;
  animation-delay: -440ms;
}
.container span:nth-child(45) {
  transform: translate3d(0em, -9.87688em, 1.56434em);
  animation: beat 2s linear infinite;
  animation-delay: -450ms;
}
.container span:nth-child(46) {
  transform: translate3d(8.02638em, -5.8315em, 1.25333em);
  animation: beat 2s linear infinite;
  animation-delay: -460ms;
}
.container span:nth-child(47) {
  transform: translate3d(9.46836em, 3.07646em, 0.94108em);
  animation: beat 2s linear infinite;
  animation-delay: -470ms;
}
.container span:nth-child(48) {
  transform: translate3d(3.08407em, 9.4918em, 0.62791em);
  animation: beat 2s linear infinite;
  animation-delay: -480ms;
}
.container span:nth-child(49) {
  transform: translate3d(-5.87495em, 8.08618em, 0.31411em);
  animation: beat 2s linear infinite;
  animation-delay: -490ms;
}
.container span:nth-child(50) {
  transform: translate3d(-10em, 0em, 0em);
  animation: beat 2s linear infinite;
  animation-delay: -500ms;
}
.container span:nth-child(51) {
  transform: translate3d(-5.87495em, -8.08618em, -0.31411em);
  animation: beat 2s linear infinite;
  animation-delay: -510ms;
}
.container span:nth-child(52) {
  transform: translate3d(3.08407em, -9.4918em, -0.62791em);
  animation: beat 2s linear infinite;
  animation-delay: -520ms;
}
.container span:nth-child(53) {
  transform: translate3d(9.46836em, -3.07646em, -0.94108em);
  animation: beat 2s linear infinite;
  animation-delay: -530ms;
}
.container span:nth-child(54) {
  transform: translate3d(8.02638em, 5.8315em, -1.25333em);
  animation: beat 2s linear infinite;
  animation-delay: -540ms;
}
.container span:nth-child(55) {
  transform: translate3d(0em, 9.87688em, -1.56434em);
  animation: beat 2s linear infinite;
  animation-delay: -550ms;
}
.container span:nth-child(56) {
  transform: translate3d(-7.94687em, 5.77374em, -1.87381em);
  animation: beat 2s linear infinite;
  animation-delay: -560ms;
}
.container span:nth-child(57) {
  transform: translate3d(-9.28152em, -3.01575em, -2.18143em);
  animation: beat 2s linear infinite;
  animation-delay: -570ms;
}
.container span:nth-child(58) {
  transform: translate3d(-2.99309em, -9.21177em, -2.4869em);
  animation: beat 2s linear infinite;
  animation-delay: -580ms;
}
.container span:nth-child(59) {
  transform: translate3d(5.64446em, -7.76894em, -2.78991em);
  animation: beat 2s linear infinite;
  animation-delay: -590ms;
}
.container span:nth-child(60) {
  transform: translate3d(9.51057em, 0em, -3.09017em);
  animation: beat 2s linear infinite;
  animation-delay: -600ms;
}
.container span:nth-child(61) {
  transform: translate3d(5.53036em, 7.61189em, -3.38738em);
  animation: beat 2s linear infinite;
  animation-delay: -610ms;
}
.container span:nth-child(62) {
  transform: translate3d(-2.87317em, 8.8427em, -3.68125em);
  animation: beat 2s linear infinite;
  animation-delay: -620ms;
}
.container span:nth-child(63) {
  transform: translate3d(-8.72837em, 2.83602em, -3.97148em);
  animation: beat 2s linear infinite;
  animation-delay: -630ms;
}
.container span:nth-child(64) {
  transform: translate3d(-7.3202em, -5.31844em, -4.25779em);
  animation: beat 2s linear infinite;
  animation-delay: -640ms;
}
.container span:nth-child(65) {
  transform: translate3d(0em, -8.91007em, -4.5399em);
  animation: beat 2s linear infinite;
  animation-delay: -650ms;
}
.container span:nth-child(66) {
  transform: translate3d(7.08947em, -5.1508em, -4.81754em);
  animation: beat 2s linear infinite;
  animation-delay: -660ms;
}
.container span:nth-child(67) {
  transform: translate3d(8.18614em, 2.65984em, -5.09041em);
  animation: beat 2s linear infinite;
  animation-delay: -670ms;
}
.container span:nth-child(68) {
  transform: translate3d(2.60912em, 8.03004em, -5.35827em);
  animation: beat 2s linear infinite;
  animation-delay: -680ms;
}
.container span:nth-child(69) {
  transform: translate3d(-4.86146em, 6.69122em, -5.62083em);
  animation: beat 2s linear infinite;
  animation-delay: -690ms;
}
.container span:nth-child(70) {
  transform: translate3d(-8.09017em, 0em, -5.87785em);
  animation: beat 2s linear infinite;
  animation-delay: -700ms;
}
.container span:nth-child(71) {
  transform: translate3d(-4.64441em, -6.39249em, -6.12907em);
  animation: beat 2s linear infinite;
  animation-delay: -710ms;
}
.container span:nth-child(72) {
  transform: translate3d(2.38102em, -7.32802em, -6.37424em);
  animation: beat 2s linear infinite;
  animation-delay: -720ms;
}
.container span:nth-child(73) {
  transform: translate3d(7.13398em, -2.31797em, -6.61312em);
  animation: beat 2s linear infinite;
  animation-delay: -730ms;
}
.container span:nth-child(74) {
  transform: translate3d(5.89748em, 4.28477em, -6.84547em);
  animation: beat 2s linear infinite;
  animation-delay: -740ms;
}
.container span:nth-child(75) {
  transform: translate3d(0em, 7.07107em, -7.07107em);
  animation: beat 2s linear infinite;
  animation-delay: -750ms;
}
.container span:nth-child(76) {
  transform: translate3d(-5.5381em, 4.02367em, -7.28969em);
  animation: beat 2s linear infinite;
  animation-delay: -760ms;
}
.container span:nth-child(77) {
  transform: translate3d(-6.28945em, -2.04357em, -7.50111em);
  animation: beat 2s linear infinite;
  animation-delay: -770ms;
}
.container span:nth-child(78) {
  transform: translate3d(-1.96975em, -6.06226em, -7.70513em);
  animation: beat 2s linear infinite;
  animation-delay: -780ms;
}
.container span:nth-child(79) {
  transform: translate3d(3.60258em, -4.95852em, -7.90155em);
  animation: beat 2s linear infinite;
  animation-delay: -790ms;
}
.container span:nth-child(80) {
  transform: translate3d(5.87785em, 0em, -8.09017em);
  animation: beat 2s linear infinite;
  animation-delay: -800ms;
}
.container span:nth-child(81) {
  transform: translate3d(3.30384em, 4.54735em, -8.27081em);
  animation: beat 2s linear infinite;
  animation-delay: -810ms;
}
.container span:nth-child(82) {
  transform: translate3d(-1.6558em, 5.09602em, -8.44328em);
  animation: beat 2s linear infinite;
  animation-delay: -820ms;
}
.container span:nth-child(83) {
  transform: translate3d(-4.84127em, 1.57302em, -8.60742em);
  animation: beat 2s linear infinite;
  animation-delay: -830ms;
}
.container span:nth-child(84) {
  transform: translate3d(-3.89747em, -2.83168em, -8.76307em);
  animation: beat 2s linear infinite;
  animation-delay: -840ms;
}
.container span:nth-child(85) {
  transform: translate3d(0em, -4.5399em, -8.91007em);
  animation: beat 2s linear infinite;
  animation-delay: -850ms;
}
.container span:nth-child(86) {
  transform: translate3d(3.44463em, -2.50267em, -9.04827em);
  animation: beat 2s linear infinite;
  animation-delay: -860ms;
}
.container span:nth-child(87) {
  transform: translate3d(3.7771em, 1.22725em, -9.17755em);
  animation: beat 2s linear infinite;
  animation-delay: -870ms;
}
.container span:nth-child(88) {
  transform: translate3d(1.13757em, 3.50107em, -9.29776em);
  animation: beat 2s linear infinite;
  animation-delay: -880ms;
}
.container span:nth-child(89) {
  transform: translate3d(-1.99105em, 2.74045em, -9.40881em);
  animation: beat 2s linear infinite;
  animation-delay: -890ms;
}
.container span:nth-child(90) {
  transform: translate3d(-3.09017em, 0em, -9.51057em);
  animation: beat 2s linear infinite;
  animation-delay: -900ms;
}
.container span:nth-child(91) {
  transform: translate3d(-1.63987em, -2.25709em, -9.60294em);
  animation: beat 2s linear infinite;
  animation-delay: -910ms;
}
.container span:nth-child(92) {
  transform: translate3d(0.76849em, -2.36518em, -9.68583em);
  animation: beat 2s linear infinite;
  animation-delay: -920ms;
}
.container span:nth-child(93) {
  transform: translate3d(2.07467em, -0.6741em, -9.75917em);
  animation: beat 2s linear infinite;
  animation-delay: -930ms;
}
.container span:nth-child(94) {
  transform: translate3d(1.51595em, 1.1014em, -9.82287em);
  animation: beat 2s linear infinite;
  animation-delay: -940ms;
}
.container span:nth-child(95) {
  transform: translate3d(0em, 1.56434em, -9.87688em);
  animation: beat 2s linear infinite;
  animation-delay: -950ms;
}
.container span:nth-child(96) {
  transform: translate3d(-1.01397em, 0.73669em, -9.92115em);
  animation: beat 2s linear infinite;
  animation-delay: -960ms;
}
.container span:nth-child(97) {
  transform: translate3d(-0.89502em, -0.29081em, -9.95562em);
  animation: beat 2s linear infinite;
  animation-delay: -970ms;
}
.container span:nth-child(98) {
  transform: translate3d(-0.19403em, -0.59717em, -9.98027em);
  animation: beat 2s linear infinite;
  animation-delay: -980ms;
}
.container span:nth-child(99) {
  transform: translate3d(0.18463em, -0.25412em, -9.99507em);
  animation: beat 2s linear infinite;
  animation-delay: -990ms;
}
.container span:nth-child(100) {
  transform: translate3d(0em, 0em, -10em);
  animation: beat 2s linear infinite;
  animation-delay: -1000ms;
}
.container span::before {
  content: "";
  display: block;
  border-radius: 100%;
  background-color: #93fffe;
  width: 0.2em;
  height: 0.2em;
  animation: spin 10s linear reverse infinite;
}

@keyframes spin {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes beat {
  0% {
    font-size: 1em;
  }
  5% {
    font-size: 4em;
  }
  10% {
    font-size: 1em;
  }
  15% {
    font-size: 4em;
  }
  25%,
  100% {
    font-size: 1em;
  }
}