body {
  background: #171c1a;
  margin: 400px;
  overflow: hidden;
}

body div {
  -webkit-animation: anim 4s infinite;
          animation: anim 4s infinite;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  width: 12px;
  height: 12px;
}

div:nth-child(1) {
  -webkit-animation-delay: 0.07s;
          animation-delay: 0.07s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(6deg) translate3d(420%, 420%, 0) rotateY(60deg);
}

div:nth-child(2) {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(12deg) translate3d(60%, 60%, 0) rotateY(120deg);
}

div:nth-child(3) {
  -webkit-animation-delay: 0.21s;
          animation-delay: 0.21s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(18deg) translate3d(480%, 480%, 0) rotateY(180deg);
}

div:nth-child(4) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(24deg) translate3d(120%, 120%, 0) rotateY(240deg);
}

div:nth-child(5) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(30deg) translate3d(540%, 540%, 0) rotateY(300deg);
}

div:nth-child(6) {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(36deg) translate3d(180%, 180%, 0) rotateY(360deg);
}

div:nth-child(7) {
  -webkit-animation-delay: 0.49s;
          animation-delay: 0.49s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(42deg) translate3d(600%, 600%, 0) rotateY(420deg);
}

div:nth-child(8) {
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(48deg) translate3d(240%, 240%, 0) rotateY(480deg);
}

div:nth-child(9) {
  -webkit-animation-delay: 0.63s;
          animation-delay: 0.63s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(54deg) translate3d(660%, 660%, 0) rotateY(540deg);
}

div:nth-child(10) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(60deg) translate3d(300%, 300%, 0) rotateY(600deg);
}

div:nth-child(11) {
  -webkit-animation-delay: 0.77s;
          animation-delay: 0.77s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(66deg) translate3d(720%, 720%, 0) rotateY(660deg);
}

div:nth-child(12) {
  -webkit-animation-delay: 0.84s;
          animation-delay: 0.84s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(72deg) translate3d(360%, 360%, 0) rotateY(720deg);
}

div:nth-child(13) {
  -webkit-animation-delay: 0.91s;
          animation-delay: 0.91s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(78deg) translate3d(0%, 0%, 0) rotateY(780deg);
}

div:nth-child(14) {
  -webkit-animation-delay: 0.98s;
          animation-delay: 0.98s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(84deg) translate3d(420%, 420%, 0) rotateY(840deg);
}

div:nth-child(15) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(90deg) translate3d(60%, 60%, 0) rotateY(900deg);
}

div:nth-child(16) {
  -webkit-animation-delay: 1.12s;
          animation-delay: 1.12s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(96deg) translate3d(480%, 480%, 0) rotateY(960deg);
}

div:nth-child(17) {
  -webkit-animation-delay: 1.19s;
          animation-delay: 1.19s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(102deg) translate3d(120%, 120%, 0) rotateY(1020deg);
}

div:nth-child(18) {
  -webkit-animation-delay: 1.26s;
          animation-delay: 1.26s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(108deg) translate3d(540%, 540%, 0) rotateY(1080deg);
}

div:nth-child(19) {
  -webkit-animation-delay: 1.33s;
          animation-delay: 1.33s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(114deg) translate3d(180%, 180%, 0) rotateY(1140deg);
}

div:nth-child(20) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(120deg) translate3d(600%, 600%, 0) rotateY(1200deg);
}

div:nth-child(21) {
  -webkit-animation-delay: 1.47s;
          animation-delay: 1.47s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(126deg) translate3d(240%, 240%, 0) rotateY(1260deg);
}

div:nth-child(22) {
  -webkit-animation-delay: 1.54s;
          animation-delay: 1.54s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(132deg) translate3d(660%, 660%, 0) rotateY(1320deg);
}

div:nth-child(23) {
  -webkit-animation-delay: 1.61s;
          animation-delay: 1.61s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(138deg) translate3d(300%, 300%, 0) rotateY(1380deg);
}

div:nth-child(24) {
  -webkit-animation-delay: 1.68s;
          animation-delay: 1.68s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(144deg) translate3d(720%, 720%, 0) rotateY(1440deg);
}

div:nth-child(25) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(150deg) translate3d(360%, 360%, 0) rotateY(1500deg);
}

div:nth-child(26) {
  -webkit-animation-delay: 1.82s;
          animation-delay: 1.82s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(156deg) translate3d(0%, 0%, 0) rotateY(1560deg);
}

div:nth-child(27) {
  -webkit-animation-delay: 1.89s;
          animation-delay: 1.89s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(162deg) translate3d(420%, 420%, 0) rotateY(1620deg);
}

div:nth-child(28) {
  -webkit-animation-delay: 1.96s;
          animation-delay: 1.96s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(168deg) translate3d(60%, 60%, 0) rotateY(1680deg);
}

div:nth-child(29) {
  -webkit-animation-delay: 2.03s;
          animation-delay: 2.03s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(174deg) translate3d(480%, 480%, 0) rotateY(1740deg);
}

div:nth-child(30) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(180deg) translate3d(120%, 120%, 0) rotateY(1800deg);
}

div:nth-child(31) {
  -webkit-animation-delay: 2.17s;
          animation-delay: 2.17s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(186deg) translate3d(540%, 540%, 0) rotateY(1860deg);
}

div:nth-child(32) {
  -webkit-animation-delay: 2.24s;
          animation-delay: 2.24s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(192deg) translate3d(180%, 180%, 0) rotateY(1920deg);
}

div:nth-child(33) {
  -webkit-animation-delay: 2.31s;
          animation-delay: 2.31s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(198deg) translate3d(600%, 600%, 0) rotateY(1980deg);
}

div:nth-child(34) {
  -webkit-animation-delay: 2.38s;
          animation-delay: 2.38s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(204deg) translate3d(240%, 240%, 0) rotateY(2040deg);
}

div:nth-child(35) {
  -webkit-animation-delay: 2.45s;
          animation-delay: 2.45s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(210deg) translate3d(660%, 660%, 0) rotateY(2100deg);
}

div:nth-child(36) {
  -webkit-animation-delay: 2.52s;
          animation-delay: 2.52s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(216deg) translate3d(300%, 300%, 0) rotateY(2160deg);
}

div:nth-child(37) {
  -webkit-animation-delay: 2.59s;
          animation-delay: 2.59s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(222deg) translate3d(720%, 720%, 0) rotateY(2220deg);
}

div:nth-child(38) {
  -webkit-animation-delay: 2.66s;
          animation-delay: 2.66s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(228deg) translate3d(360%, 360%, 0) rotateY(2280deg);
}

div:nth-child(39) {
  -webkit-animation-delay: 2.73s;
          animation-delay: 2.73s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(234deg) translate3d(0%, 0%, 0) rotateY(2340deg);
}

div:nth-child(40) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(240deg) translate3d(420%, 420%, 0) rotateY(2400deg);
}

div:nth-child(41) {
  -webkit-animation-delay: 2.87s;
          animation-delay: 2.87s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(246deg) translate3d(60%, 60%, 0) rotateY(2460deg);
}

div:nth-child(42) {
  -webkit-animation-delay: 2.94s;
          animation-delay: 2.94s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(252deg) translate3d(480%, 480%, 0) rotateY(2520deg);
}

div:nth-child(43) {
  -webkit-animation-delay: 3.01s;
          animation-delay: 3.01s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(258deg) translate3d(120%, 120%, 0) rotateY(2580deg);
}

div:nth-child(44) {
  -webkit-animation-delay: 3.08s;
          animation-delay: 3.08s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(264deg) translate3d(540%, 540%, 0) rotateY(2640deg);
}

div:nth-child(45) {
  -webkit-animation-delay: 3.15s;
          animation-delay: 3.15s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(270deg) translate3d(180%, 180%, 0) rotateY(2700deg);
}

div:nth-child(46) {
  -webkit-animation-delay: 3.22s;
          animation-delay: 3.22s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(276deg) translate3d(600%, 600%, 0) rotateY(2760deg);
}

div:nth-child(47) {
  -webkit-animation-delay: 3.29s;
          animation-delay: 3.29s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(282deg) translate3d(240%, 240%, 0) rotateY(2820deg);
}

div:nth-child(48) {
  -webkit-animation-delay: 3.36s;
          animation-delay: 3.36s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(288deg) translate3d(660%, 660%, 0) rotateY(2880deg);
}

div:nth-child(49) {
  -webkit-animation-delay: 3.43s;
          animation-delay: 3.43s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(294deg) translate3d(300%, 300%, 0) rotateY(2940deg);
}

div:nth-child(50) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(300deg) translate3d(720%, 720%, 0) rotateY(3000deg);
}

div:nth-child(51) {
  -webkit-animation-delay: 3.57s;
          animation-delay: 3.57s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(306deg) translate3d(360%, 360%, 0) rotateY(3060deg);
}

div:nth-child(52) {
  -webkit-animation-delay: 3.64s;
          animation-delay: 3.64s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(312deg) translate3d(0%, 0%, 0) rotateY(3120deg);
}

div:nth-child(53) {
  -webkit-animation-delay: 3.71s;
          animation-delay: 3.71s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(318deg) translate3d(420%, 420%, 0) rotateY(3180deg);
}

div:nth-child(54) {
  -webkit-animation-delay: 3.78s;
          animation-delay: 3.78s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(324deg) translate3d(60%, 60%, 0) rotateY(3240deg);
}

div:nth-child(55) {
  -webkit-animation-delay: 3.85s;
          animation-delay: 3.85s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(330deg) translate3d(480%, 480%, 0) rotateY(3300deg);
}

div:nth-child(56) {
  -webkit-animation-delay: 3.92s;
          animation-delay: 3.92s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(336deg) translate3d(120%, 120%, 0) rotateY(3360deg);
}

div:nth-child(57) {
  -webkit-animation-delay: 3.99s;
          animation-delay: 3.99s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(342deg) translate3d(540%, 540%, 0) rotateY(3420deg);
}

div:nth-child(58) {
  -webkit-animation-delay: 4.06s;
          animation-delay: 4.06s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(348deg) translate3d(180%, 180%, 0) rotateY(3480deg);
}

div:nth-child(59) {
  -webkit-animation-delay: 4.13s;
          animation-delay: 4.13s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(354deg) translate3d(600%, 600%, 0) rotateY(3540deg);
}

div:nth-child(60) {
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
  background: radial-gradient(white, gold);
  box-shadow: 0 0 10px gold;
  transform: perspective(10px) rotate(360deg) translate3d(240%, 240%, 0) rotateY(3600deg);
}

@-webkit-keyframes anim {
  0% {
    opacity: 1;
  }
}

@keyframes anim {
  0% {
    opacity: 1;
  }
}