#particle1 {
  background: #ff936e;
  transform: translateX(-8.55951vmin) translateY(2.78115vmin) scale(0.72101);
  animation-delay: -1466ms;
}

#particle2 {
  background: #5500ff;
  transform: translateX(39.64183vmin) translateY(28.80148vmin) scale(0.00049);
  animation-delay: -1773ms;
}

#particle3 {
  background: #5f02ff;
  transform: translateX(-16.5656vmin) translateY(41.83994vmin) scale(0.01231);
  animation-delay: -1836ms;
}

#particle4 {
  background: #7707ff;
  transform: translateX(32.76519vmin) translateY(-23.8053vmin) scale(0.04421);
  animation-delay: -2040ms;
}

#particle5 {
  background: #f323ff;
  transform: translateX(-15.00315vmin) translateY(23.64118vmin) scale(0.22949);
  animation-delay: -2477ms;
}

#particle6 {
  background: #5700ff;
  transform: translateX(40.10558vmin) translateY(25.45177vmin) scale(0.00308);
  animation-delay: -375ms;
}

#particle7 {
  background: #ffb078;
  transform: translateX(-6.9448vmin) translateY(-0.87733vmin) scale(0.78186);
  animation-delay: -1850ms;
}

#particle8 {
  background: #ff36c9;
  transform: translateX(8.2828vmin) translateY(20.91997vmin) scale(0.35055);
  animation-delay: -2473ms;
}

#particle9 {
  background: #f323ff;
  transform: translateX(-24.53659vmin) translateY(13.4891vmin) scale(0.22949);
  animation-delay: -961ms;
}