.contenido_particle{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 5%;
  left: 0;
  z-index: 1;
}

.particle {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  animation: shoot 3s ease-out infinite;
  animation-name: shoot, fade;
}
.particle:nth-child(1) {
  transform: translate(1vw, 86vh);
  background: #ff4d94;
  animation-duration: 1.47s;
  animation-delay: -0.2793s;
}
.particle:nth-child(2) {
  transform: translate(2vw, 66vh);
  background: #a34dff;
  animation-duration: 1.56s;
  animation-delay: -0.2652s;
}
.particle:nth-child(3) {
  transform: translate(1vw, 7vh);
  background: #7fff4d;
  animation-duration: 1.74s;
  animation-delay: -0.9744s;
}
.particle:nth-child(4) {
  transform: translate(64vw, 60vh);
  background: #e74dff;
  animation-duration: 1.41s;
  animation-delay: -1.2267s;
}
.particle:nth-child(5) {
  transform: translate(57vw, 28vh);
  background: #4dffbe;
  animation-duration: 1.59s;
  animation-delay: -1.4946s;
}
.particle:nth-child(6) {
  transform: translate(28vw, 83vh);
  background: #4d76ff;
  animation-duration: 1.99s;
  animation-delay: -1.0547s;
}
.particle:nth-child(7) {
  transform: translate(68vw, 33vh);
  background: #794dff;
  animation-duration: 1.52s;
  animation-delay: -1.216s;
}
.particle:nth-child(8) {
  transform: translate(1vw, 43vh);
  background: #ff4df3;
  animation-duration: 1.8s;
  animation-delay: -0.972s;
}
.particle:nth-child(9) {
  transform: translate(26vw, 50vh);
  background: #ff5b4d;
  animation-duration: 1.3s;
  animation-delay: -0.416s;
}
.particle:nth-child(10) {
  transform: translate(91vw, 54vh);
  background: #4d8bff;
  animation-duration: 1.87s;
  animation-delay: -1.2155s;
}
.particle:nth-child(11) {
  transform: translate(22vw, 79vh);
  background: #ff4ded;
  animation-duration: 1.68s;
  animation-delay: -1.2432s;
}
.particle:nth-child(12) {
  transform: translate(53vw, 36vh);
  background: #bb4dff;
  animation-duration: 1.35s;
  animation-delay: -0.675s;
}
.particle:nth-child(13) {
  transform: translate(8vw, 14vh);
  background: #ff4db8;
  animation-duration: 1.69s;
  animation-delay: -0.2366s;
}
.particle:nth-child(14) {
  transform: translate(4vw, 53vh);
  background: #61ff4d;
  animation-duration: 1.4s;
  animation-delay: -0.868s;
}
.particle:nth-child(15) {
  transform: translate(31vw, 82vh);
  background: #4d8bff;
  animation-duration: 1.57s;
  animation-delay: -1.2089s;
}
.particle:nth-child(16) {
  transform: translate(24vw, 95vh);
  background: #ffbe4d;
  animation-duration: 1.23s;
  animation-delay: -0.6642s;
}
.particle:nth-child(17) {
  transform: translate(16vw, 11vh);
  background: #914dff;
  animation-duration: 1.47s;
  animation-delay: -0.8526s;
}
.particle:nth-child(18) {
  transform: translate(17vw, 4vh);
  background: #fff94d;
  animation-duration: 1.33s;
  animation-delay: -0.9443s;
}
.particle:nth-child(19) {
  transform: translate(31vw, 69vh);
  background: #4df6ff;
  animation-duration: 1.91s;
  animation-delay: -0.7067s;
}
.particle:nth-child(20) {
  transform: translate(98vw, 3vh);
  background: #4d5eff;
  animation-duration: 1.56s;
  animation-delay: -0.9828s;
}
.particle:nth-child(21) {
  transform: translate(47vw, 70vh);
  background: #ff4d5e;
  animation-duration: 1.43s;
  animation-delay: -0.7579s;
}
.particle:nth-child(22) {
  transform: translate(59vw, 97vh);
  background: #ff8e4d;
  animation-duration: 1.87s;
  animation-delay: -1.0285s;
}
.particle:nth-child(23) {
  transform: translate(20vw, 82vh);
  background: #ffac4d;
  animation-duration: 1.45s;
  animation-delay: -0.2175s;
}
.particle:nth-child(24) {
  transform: translate(49vw, 66vh);
  background: #4dff8e;
  animation-duration: 1.5s;
  animation-delay: -1.23s;
}
.particle:nth-child(25) {
  transform: translate(32vw, 63vh);
  background: #ff4dc9;
  animation-duration: 1.24s;
  animation-delay: -1.0292s;
}
.particle:nth-child(26) {
  transform: translate(56vw, 20vh);
  background: #ff4dff;
  animation-duration: 1.63s;
  animation-delay: -0.4564s;
}
.particle:nth-child(27) {
  transform: translate(46vw, 12vh);
  background: #4d82ff;
  animation-duration: 1.94s;
  animation-delay: -1.0476s;
}
.particle:nth-child(28) {
  transform: translate(38vw, 2vh);
  background: #4dffb8;
  animation-duration: 1.71s;
  animation-delay: -1.3509s;
}
.particle:nth-child(29) {
  transform: translate(16vw, 90vh);
  background: #58ff4d;
  animation-duration: 1.33s;
  animation-delay: -0.6384s;
}
.particle:nth-child(30) {
  transform: translate(50vw, 96vh);
  background: #ff554d;
  animation-duration: 1.35s;
  animation-delay: -0.648s;
}
.particle:nth-child(31) {
  transform: translate(29vw, 93vh);
  background: #a04dff;
  animation-duration: 1.61s;
  animation-delay: -1.3363s;
}
.particle:nth-child(32) {
  transform: translate(11vw, 81vh);
  background: #ff9d4d;
  animation-duration: 1.03s;
  animation-delay: -0.9476s;
}
.particle:nth-child(33) {
  transform: translate(82vw, 90vh);
  background: #ffcc4d;
  animation-duration: 1.72s;
  animation-delay: -0.1548s;
}
.particle:nth-child(34) {
  transform: translate(40vw, 21vh);
  background: #4df9ff;
  animation-duration: 1.08s;
  animation-delay: -0.5832s;
}
.particle:nth-child(35) {
  transform: translate(88vw, 26vh);
  background: #ff4dc1;
  animation-duration: 1.51s;
  animation-delay: -1.3741s;
}
.particle:nth-child(36) {
  transform: translate(22vw, 11vh);
  background: #ed4dff;
  animation-duration: 1.51s;
  animation-delay: -0.6493s;
}
.particle:nth-child(37) {
  transform: translate(32vw, 78vh);
  background: #ff4db5;
  animation-duration: 1.79s;
  animation-delay: -0.4654s;
}
.particle:nth-child(38) {
  transform: translate(10vw, 6vh);
  background: #ff4d58;
  animation-duration: 1.08s;
  animation-delay: -0.81s;
}
.particle:nth-child(39) {
  transform: translate(54vw, 67vh);
  background: #4dffed;
  animation-duration: 1.42s;
  animation-delay: -1.42s;
}
.particle:nth-child(40) {
  transform: translate(83vw, 64vh);
  background: #4d9dff;
  animation-duration: 1.39s;
  animation-delay: -1.0842s;
}
.particle:nth-child(41) {
  transform: translate(9vw, 31vh);
  background: #c44dff;
  animation-duration: 1.03s;
  animation-delay: -0.7931s;
}
.particle:nth-child(42) {
  transform: translate(53vw, 42vh);
  background: #4dbbff;
  animation-duration: 2s;
  animation-delay: -1.22s;
}
.particle:nth-child(43) {
  transform: translate(12vw, 11vh);
  background: #ff4de4;
  animation-duration: 1.6s;
  animation-delay: -0.688s;
}
.particle:nth-child(44) {
  transform: translate(99vw, 24vh);
  background: #584dff;
  animation-duration: 1.93s;
  animation-delay: -0.386s;
}
.particle:nth-child(45) {
  transform: translate(29vw, 18vh);
  background: #af4dff;
  animation-duration: 1.7s;
  animation-delay: -0.986s;
}
.particle:nth-child(46) {
  transform: translate(57vw, 34vh);
  background: #4dffa9;
  animation-duration: 1.52s;
  animation-delay: -1.292s;
}
.particle:nth-child(47) {
  transform: translate(21vw, 53vh);
  background: #4da3ff;
  animation-duration: 1.26s;
  animation-delay: -1.2474s;
}
.particle:nth-child(48) {
  transform: translate(100vw, 17vh);
  background: #4dfff0;
  animation-duration: 1.79s;
  animation-delay: -0.179s;
}
.particle:nth-child(49) {
  transform: translate(24vw, 25vh);
  background: #ff4da0;
  animation-duration: 1.07s;
  animation-delay: -0.9737s;
}
.particle:nth-child(50) {
  transform: translate(75vw, 31vh);
  background: #4fff4d;
  animation-duration: 1.66s;
  animation-delay: -0.7968s;
}
.particle:nth-child(51) {
  transform: translate(49vw, 55vh);
  background: #ff524d;
  animation-duration: 1.73s;
  animation-delay: -0.0519s;
}
.particle:nth-child(52) {
  transform: translate(30vw, 17vh);
  background: #ffa94d;
  animation-duration: 1.79s;
  animation-delay: -1.5036s;
}
.particle:nth-child(53) {
  transform: translate(63vw, 32vh);
  background: #ff4d55;
  animation-duration: 1.18s;
  animation-delay: -1.1682s;
}
.particle:nth-child(54) {
  transform: translate(29vw, 38vh);
  background: #4df9ff;
  animation-duration: 1.14s;
  animation-delay: -0.684s;
}
.particle:nth-child(55) {
  transform: translate(67vw, 31vh);
  background: #ff7f4d;
  animation-duration: 1.48s;
  animation-delay: -1.332s;
}
.particle:nth-child(56) {
  transform: translate(36vw, 95vh);
  background: #db4dff;
  animation-duration: 1.43s;
  animation-delay: -0.8437s;
}
.particle:nth-child(57) {
  transform: translate(21vw, 15vh);
  background: #ff4db2;
  animation-duration: 1.37s;
  animation-delay: -0.1781s;
}
.particle:nth-child(58) {
  transform: translate(69vw, 4vh);
  background: #acff4d;
  animation-duration: 1.26s;
  animation-delay: -0.2646s;
}
.particle:nth-child(59) {
  transform: translate(29vw, 26vh);
  background: #bb4dff;
  animation-duration: 1.34s;
  animation-delay: -0.2948s;
}
.particle:nth-child(60) {
  transform: translate(55vw, 95vh);
  background: #ff6a4d;
  animation-duration: 1.18s;
  animation-delay: -0.6844s;
}
.particle:nth-child(61) {
  transform: translate(8vw, 35vh);
  background: #4dffc1;
  animation-duration: 1.28s;
  animation-delay: -0.5504s;
}
.particle:nth-child(62) {
  transform: translate(62vw, 97vh);
  background: #ffac4d;
  animation-duration: 1.86s;
  animation-delay: -1.86s;
}
.particle:nth-child(63) {
  transform: translate(99vw, 29vh);
  background: #cc4dff;
  animation-duration: 1.11s;
  animation-delay: -0.6771s;
}
.particle:nth-child(64) {
  transform: translate(67vw, 55vh);
  background: #ff9d4d;
  animation-duration: 1.32s;
  animation-delay: -0.99s;
}
.particle:nth-child(65) {
  transform: translate(19vw, 25vh);
  background: #4d58ff;
  animation-duration: 1.81s;
  animation-delay: -0.4344s;
}
.particle:nth-child(66) {
  transform: translate(75vw, 82vh);
  background: #4d8bff;
  animation-duration: 1.24s;
  animation-delay: -0.124s;
}
.particle:nth-child(67) {
  transform: translate(62vw, 99vh);
  background: #82ff4d;
  animation-duration: 1.42s;
  animation-delay: -0.2414s;
}
.particle:nth-child(68) {
  transform: translate(5vw, 76vh);
  background: #ff4d4f;
  animation-duration: 1.14s;
  animation-delay: -0.4104s;
}
.particle:nth-child(69) {
  transform: translate(3vw, 84vh);
  background: #ff4de1;
  animation-duration: 2s;
  animation-delay: -1.84s;
}
.particle:nth-child(70) {
  transform: translate(98vw, 100vh);
  background: #eaff4d;
  animation-duration: 1.78s;
  animation-delay: -0.9612s;
}
.particle:nth-child(71) {
  transform: translate(3vw, 9vh);
  background: #b84dff;
  animation-duration: 1.95s;
  animation-delay: -1.0725s;
}
.particle:nth-child(72) {
  transform: translate(92vw, 97vh);
  background: #d84dff;
  animation-duration: 1.45s;
  animation-delay: -0.841s;
}
.particle:nth-child(73) {
  transform: translate(97vw, 37vh);
  background: #f6ff4d;
  animation-duration: 1.22s;
  animation-delay: -0.7076s;
}
.particle:nth-child(74) {
  transform: translate(2vw, 60vh);
  background: #afff4d;
  animation-duration: 1.84s;
  animation-delay: -1.0488s;
}
.particle:nth-child(75) {
  transform: translate(4vw, 42vh);
  background: #4dff91;
  animation-duration: 1.36s;
  animation-delay: -1.1288s;
}
.particle:nth-child(76) {
  transform: translate(84vw, 29vh);
  background: #4dff9a;
  animation-duration: 1.57s;
  animation-delay: -0.5338s;
}
.particle:nth-child(77) {
  transform: translate(15vw, 35vh);
  background: #d2ff4d;
  animation-duration: 1.18s;
  animation-delay: -0.5192s;
}
.particle:nth-child(78) {
  transform: translate(79vw, 24vh);
  background: #ff4d7c;
  animation-duration: 1.78s;
  animation-delay: -0.2136s;
}
.particle:nth-child(79) {
  transform: translate(54vw, 62vh);
  background: #ffd84d;
  animation-duration: 1.35s;
  animation-delay: -0.7425s;
}
.particle:nth-child(80) {
  transform: translate(50vw, 19vh);
  background: #ff6d4d;
  animation-duration: 1.53s;
  animation-delay: -0.5661s;
}
.particle:nth-child(81) {
  transform: translate(29vw, 49vh);
  background: #ff4d5e;
  animation-duration: 1.95s;
  animation-delay: -1.482s;
}
.particle:nth-child(82) {
  transform: translate(93vw, 75vh);
  background: #4dc4ff;
  animation-duration: 1.13s;
  animation-delay: -0.7119s;
}
.particle:nth-child(83) {
  transform: translate(46vw, 28vh);
  background: #ff4d58;
  animation-duration: 1.66s;
  animation-delay: -0.3652s;
}
.particle:nth-child(84) {
  transform: translate(96vw, 73vh);
  background: #f0ff4d;
  animation-duration: 1.57s;
  animation-delay: -0.8949s;
}
.particle:nth-child(85) {
  transform: translate(22vw, 3vh);
  background: #ffa04d;
  animation-duration: 1.93s;
  animation-delay: -1.6212s;
}
.particle:nth-child(86) {
  transform: translate(100vw, 47vh);
  background: #ff4de7;
  animation-duration: 1.23s;
  animation-delay: -1.0209s;
}
.particle:nth-child(87) {
  transform: translate(86vw, 11vh);
  background: #ff4d73;
  animation-duration: 1.36s;
  animation-delay: -1.2648s;
}
.particle:nth-child(88) {
  transform: translate(2vw, 83vh);
  background: #f34dff;
  animation-duration: 1.01s;
  animation-delay: -0.9797s;
}
.particle:nth-child(89) {
  transform: translate(98vw, 25vh);
  background: #af4dff;
  animation-duration: 1.75s;
  animation-delay: -1.365s;
}
.particle:nth-child(90) {
  transform: translate(77vw, 39vh);
  background: #be4dff;
  animation-duration: 1.94s;
  animation-delay: -0.0194s;
}
.particle:nth-child(91) {
  transform: translate(79vw, 51vh);
  background: #6dff4d;
  animation-duration: 1.97s;
  animation-delay: -0.3349s;
}
.particle:nth-child(92) {
  transform: translate(73vw, 13vh);
  background: #ff4dc6;
  animation-duration: 1.53s;
  animation-delay: -0.918s;
}
.particle:nth-child(93) {
  transform: translate(22vw, 4vh);
  background: #d84dff;
  animation-duration: 1.04s;
  animation-delay: -0.3328s;
}
.particle:nth-child(94) {
  transform: translate(22vw, 64vh);
  background: #944dff;
  animation-duration: 1.56s;
  animation-delay: -0.78s;
}
.particle:nth-child(95) {
  transform: translate(84vw, 20vh);
  background: #bb4dff;
  animation-duration: 1.48s;
  animation-delay: -0.7252s;
}
.particle:nth-child(96) {
  transform: translate(37vw, 11vh);
  background: #f0ff4d;
  animation-duration: 1.8s;
  animation-delay: -0.036s;
}
.particle:nth-child(97) {
  transform: translate(50vw, 10vh);
  background: #ff4dd8;
  animation-duration: 1.35s;
  animation-delay: -1.0935s;
}
.particle:nth-child(98) {
  transform: translate(48vw, 25vh);
  background: #ac4dff;
  animation-duration: 1.03s;
  animation-delay: -0.7725s;
}
.particle:nth-child(99) {
  transform: translate(100vw, 36vh);
  background: #ff4d67;
  animation-duration: 1.77s;
  animation-delay: -0.7611s;
}
.particle:nth-child(100) {
  transform: translate(70vw, 89vh);
  background: #ff4db2;
  animation-duration: 1.32s;
  animation-delay: -1.0164s;
}
.particle:nth-child(101) {
  transform: translate(7vw, 81vh);
  background: #d24dff;
  animation-duration: 1.97s;
  animation-delay: -0.1576s;
}
.particle:nth-child(102) {
  transform: translate(44vw, 90vh);
  background: #c4ff4d;
  animation-duration: 1.7s;
  animation-delay: -0.697s;
}
.particle:nth-child(103) {
  transform: translate(85vw, 8vh);
  background: #4dffa0;
  animation-duration: 1.4s;
  animation-delay: -0.378s;
}
.particle:nth-child(104) {
  transform: translate(24vw, 59vh);
  background: #944dff;
  animation-duration: 1.76s;
  animation-delay: -1.7424s;
}
.particle:nth-child(105) {
  transform: translate(20vw, 19vh);
  background: #9aff4d;
  animation-duration: 1.67s;
  animation-delay: -1.4362s;
}
.particle:nth-child(106) {
  transform: translate(49vw, 33vh);
  background: #b2ff4d;
  animation-duration: 1.57s;
  animation-delay: -1.0519s;
}
.particle:nth-child(107) {
  transform: translate(64vw, 71vh);
  background: #4dff9d;
  animation-duration: 1.91s;
  animation-delay: -0.2101s;
}
.particle:nth-child(108) {
  transform: translate(87vw, 55vh);
  background: #4dff7c;
  animation-duration: 1.13s;
  animation-delay: -0.3503s;
}
.particle:nth-child(109) {
  transform: translate(30vw, 87vh);
  background: #b5ff4d;
  animation-duration: 1.05s;
  animation-delay: -0.273s;
}
.particle:nth-child(110) {
  transform: translate(91vw, 96vh);
  background: #4dffed;
  animation-duration: 1.38s;
  animation-delay: -1.1454s;
}
.particle:nth-child(111) {
  transform: translate(53vw, 88vh);
  background: #4dff91;
  animation-duration: 1.8s;
  animation-delay: -1.458s;
}
.particle:nth-child(112) {
  transform: translate(7vw, 10vh);
  background: #4f4dff;
  animation-duration: 1.68s;
  animation-delay: -1.1592s;
}
.particle:nth-child(113) {
  transform: translate(41vw, 78vh);
  background: #55ff4d;
  animation-duration: 1.87s;
  animation-delay: -1.1781s;
}
.particle:nth-child(114) {
  transform: translate(94vw, 94vh);
  background: #ff4d4f;
  animation-duration: 1.34s;
  animation-delay: -1.0452s;
}
.particle:nth-child(115) {
  transform: translate(95vw, 33vh);
  background: #ffc44d;
  animation-duration: 1.34s;
  animation-delay: -1.2864s;
}
.particle:nth-child(116) {
  transform: translate(84vw, 46vh);
  background: #4dffb8;
  animation-duration: 1.39s;
  animation-delay: -0.278s;
}
.particle:nth-child(117) {
  transform: translate(38vw, 100vh);
  background: #d2ff4d;
  animation-duration: 1.35s;
  animation-delay: -0.0945s;
}
.particle:nth-child(118) {
  transform: translate(45vw, 47vh);
  background: #4dafff;
  animation-duration: 1.04s;
  animation-delay: -0.4472s;
}
.particle:nth-child(119) {
  transform: translate(15vw, 96vh);
  background: #4d9aff;
  animation-duration: 1.3s;
  animation-delay: -0.624s;
}
.particle:nth-child(120) {
  transform: translate(21vw, 77vh);
  background: #ff4da9;
  animation-duration: 1.15s;
  animation-delay: -0.276s;
}
.particle:nth-child(121) {
  transform: translate(32vw, 29vh);
  background: #ff4d8e;
  animation-duration: 1.61s;
  animation-delay: -1.3524s;
}
.particle:nth-child(122) {
  transform: translate(7vw, 81vh);
  background: #ff4dfc;
  animation-duration: 1.38s;
  animation-delay: -1.0488s;
}
.particle:nth-child(123) {
  transform: translate(98vw, 52vh);
  background: #4dffc6;
  animation-duration: 1.33s;
  animation-delay: -1.2768s;
}
.particle:nth-child(124) {
  transform: translate(20vw, 73vh);
  background: #4dff73;
  animation-duration: 1.51s;
  animation-delay: -1.1929s;
}
.particle:nth-child(125) {
  transform: translate(26vw, 43vh);
  background: #704dff;
  animation-duration: 1.27s;
  animation-delay: -1.1176s;
}
.particle:nth-child(126) {
  transform: translate(36vw, 50vh);
  background: #c94dff;
  animation-duration: 1.37s;
  animation-delay: -1.2604s;
}
.particle:nth-child(127) {
  transform: translate(73vw, 37vh);
  background: #4dff91;
  animation-duration: 1.53s;
  animation-delay: -0.6579s;
}
.particle:nth-child(128) {
  transform: translate(81vw, 78vh);
  background: #4dc6ff;
  animation-duration: 1.6s;
  animation-delay: -1.328s;
}
.particle:nth-child(129) {
  transform: translate(37vw, 93vh);
  background: #ff4d55;
  animation-duration: 1.39s;
  animation-delay: -0.834s;
}
.particle:nth-child(130) {
  transform: translate(3vw, 76vh);
  background: #ff4d91;
  animation-duration: 1.69s;
  animation-delay: -1.4365s;
}
.particle:nth-child(131) {
  transform: translate(12vw, 8vh);
  background: #ff4da0;
  animation-duration: 1.47s;
  animation-delay: -0.0735s;
}
.particle:nth-child(132) {
  transform: translate(74vw, 89vh);
  background: #ff4df3;
  animation-duration: 1.81s;
  animation-delay: -0.1448s;
}
.particle:nth-child(133) {
  transform: translate(3vw, 79vh);
  background: #ffc44d;
  animation-duration: 1.35s;
  animation-delay: -0.6075s;
}
.particle:nth-child(134) {
  transform: translate(84vw, 15vh);
  background: #4dff9a;
  animation-duration: 1.4s;
  animation-delay: -0.714s;
}
.particle:nth-child(135) {
  transform: translate(14vw, 52vh);
  background: #ff9a4d;
  animation-duration: 1.23s;
  animation-delay: -0.1107s;
}
.particle:nth-child(136) {
  transform: translate(80vw, 79vh);
  background: #eaff4d;
  animation-duration: 1.53s;
  animation-delay: -1.0863s;
}
.particle:nth-child(137) {
  transform: translate(97vw, 59vh);
  background: #4dff7f;
  animation-duration: 1.44s;
  animation-delay: -0.6768s;
}
.particle:nth-child(138) {
  transform: translate(86vw, 71vh);
  background: #ff794d;
  animation-duration: 1.98s;
  animation-delay: -1.8612s;
}
.particle:nth-child(139) {
  transform: translate(41vw, 17vh);
  background: #4df3ff;
  animation-duration: 1.78s;
  animation-delay: -1.4418s;
}
.particle:nth-child(140) {
  transform: translate(45vw, 74vh);
  background: #4dffcc;
  animation-duration: 1.08s;
  animation-delay: -0.378s;
}
.particle:nth-child(141) {
  transform: translate(6vw, 69vh);
  background: #734dff;
  animation-duration: 1.3s;
  animation-delay: -0.598s;
}
.particle:nth-child(142) {
  transform: translate(13vw, 35vh);
  background: #bb4dff;
  animation-duration: 1.64s;
  animation-delay: -1.066s;
}
.particle:nth-child(143) {
  transform: translate(96vw, 88vh);
  background: #ff4da3;
  animation-duration: 1.05s;
  animation-delay: -0.042s;
}
.particle:nth-child(144) {
  transform: translate(8vw, 69vh);
  background: #ff8e4d;
  animation-duration: 1.19s;
  animation-delay: -0.9044s;
}
.particle:nth-child(145) {
  transform: translate(14vw, 32vh);
  background: #ff4dd5;
  animation-duration: 1.99s;
  animation-delay: -1.2537s;
}
.particle:nth-child(146) {
  transform: translate(85vw, 28vh);
  background: #ff4d61;
  animation-duration: 1.94s;
  animation-delay: -1.067s;
}
.particle:nth-child(147) {
  transform: translate(80vw, 22vh);
  background: #4dd8ff;
  animation-duration: 1.89s;
  animation-delay: -0.4725s;
}
.particle:nth-child(148) {
  transform: translate(24vw, 77vh);
  background: #ff7f4d;
  animation-duration: 1.8s;
  animation-delay: -1.746s;
}
.particle:nth-child(149) {
  transform: translate(74vw, 98vh);
  background: #a0ff4d;
  animation-duration: 1.75s;
  animation-delay: -0.56s;
}
.particle:nth-child(150) {
  transform: translate(40vw, 3vh);
  background: #4ddeff;
  animation-duration: 1.63s;
  animation-delay: -0.9291s;
}
.particle:nth-child(151) {
  transform: translate(46vw, 42vh);
  background: #b5ff4d;
  animation-duration: 1.27s;
  animation-delay: -0.3556s;
}
.particle:nth-child(152) {
  transform: translate(57vw, 60vh);
  background: #70ff4d;
  animation-duration: 1.48s;
  animation-delay: -0.1036s;
}
.particle:nth-child(153) {
  transform: translate(96vw, 68vh);
  background: #9aff4d;
  animation-duration: 1.69s;
  animation-delay: -1.2337s;
}
.particle:nth-child(154) {
  transform: translate(95vw, 41vh);
  background: #4dffd2;
  animation-duration: 1.1s;
  animation-delay: -1.034s;
}
.particle:nth-child(155) {
  transform: translate(16vw, 77vh);
  background: #4d61ff;
  animation-duration: 1.3s;
  animation-delay: -0.91s;
}
.particle:nth-child(156) {
  transform: translate(49vw, 69vh);
  background: #4dff4f;
  animation-duration: 1.26s;
  animation-delay: -0.756s;
}
.particle:nth-child(157) {
  transform: translate(44vw, 27vh);
  background: #ff4d79;
  animation-duration: 1.38s;
  animation-delay: -1.0488s;
}
.particle:nth-child(158) {
  transform: translate(35vw, 75vh);
  background: #4d5eff;
  animation-duration: 1.52s;
  animation-delay: -0.1672s;
}
.particle:nth-child(159) {
  transform: translate(55vw, 63vh);
  background: #4df6ff;
  animation-duration: 1.26s;
  animation-delay: -0.9954s;
}
.particle:nth-child(160) {
  transform: translate(5vw, 55vh);
  background: #ff4dd5;
  animation-duration: 1.63s;
  animation-delay: -1.4833s;
}
.particle:nth-child(161) {
  transform: translate(51vw, 20vh);
  background: #ff4d88;
  animation-duration: 1.63s;
  animation-delay: -1.4833s;
}
.particle:nth-child(162) {
  transform: translate(4vw, 38vh);
  background: #deff4d;
  animation-duration: 1.6s;
  animation-delay: -1.216s;
}
.particle:nth-child(163) {
  transform: translate(79vw, 45vh);
  background: #b24dff;
  animation-duration: 1.46s;
  animation-delay: -0.3942s;
}
.particle:nth-child(164) {
  transform: translate(24vw, 20vh);
  background: #ff4de7;
  animation-duration: 1.65s;
  animation-delay: -0.9075s;
}
.particle:nth-child(165) {
  transform: translate(51vw, 100vh);
  background: #4dff7c;
  animation-duration: 1.27s;
  animation-delay: -0.254s;
}
.particle:nth-child(166) {
  transform: translate(5vw, 42vh);
  background: #ffac4d;
  animation-duration: 1.68s;
  animation-delay: -1.4784s;
}
.particle:nth-child(167) {
  transform: translate(100vw, 72vh);
  background: #c64dff;
  animation-duration: 1.13s;
  animation-delay: -0.8136s;
}
.particle:nth-child(168) {
  transform: translate(91vw, 30vh);
  background: #bb4dff;
  animation-duration: 1.27s;
  animation-delay: -0.2413s;
}
.particle:nth-child(169) {
  transform: translate(98vw, 40vh);
  background: #4dc6ff;
  animation-duration: 1.18s;
  animation-delay: -0.5664s;
}
.particle:nth-child(170) {
  transform: translate(85vw, 49vh);
  background: #ffdb4d;
  animation-duration: 1.6s;
  animation-delay: -1.504s;
}
.particle:nth-child(171) {
  transform: translate(46vw, 23vh);
  background: #4de1ff;
  animation-duration: 1.9s;
  animation-delay: -0.228s;
}
.particle:nth-child(172) {
  transform: translate(50vw, 59vh);
  background: #ff4d82;
  animation-duration: 1.9s;
  animation-delay: -0.722s;
}
.particle:nth-child(173) {
  transform: translate(75vw, 65vh);
  background: #ff4df9;
  animation-duration: 1.96s;
  animation-delay: -1.5092s;
}
.particle:nth-child(174) {
  transform: translate(41vw, 41vh);
  background: #4d5bff;
  animation-duration: 1.78s;
  animation-delay: -1.1748s;
}
.particle:nth-child(175) {
  transform: translate(76vw, 86vh);
  background: #c9ff4d;
  animation-duration: 1.62s;
  animation-delay: -0.3564s;
}
.particle:nth-child(176) {
  transform: translate(54vw, 48vh);
  background: #5bff4d;
  animation-duration: 1.76s;
  animation-delay: -1.3024s;
}
.particle:nth-child(177) {
  transform: translate(36vw, 35vh);
  background: #fffc4d;
  animation-duration: 1.81s;
  animation-delay: -0.3982s;
}
.particle:nth-child(178) {
  transform: translate(60vw, 98vh);
  background: #ff4d85;
  animation-duration: 1.87s;
  animation-delay: -0.5984s;
}
.particle:nth-child(179) {
  transform: translate(20vw, 93vh);
  background: #4dffa0;
  animation-duration: 1.25s;
  animation-delay: -0.75s;
}
.particle:nth-child(180) {
  transform: translate(38vw, 93vh);
  background: #4dff91;
  animation-duration: 1.03s;
  animation-delay: -0.8549s;
}
.particle:nth-child(181) {
  transform: translate(44vw, 43vh);
  background: #4dccff;
  animation-duration: 1.22s;
  animation-delay: -0.2684s;
}
.particle:nth-child(182) {
  transform: translate(2vw, 1vh);
  background: #f64dff;
  animation-duration: 1.26s;
  animation-delay: -0.5544s;
}
.particle:nth-child(183) {
  transform: translate(21vw, 69vh);
  background: #674dff;
  animation-duration: 1.12s;
  animation-delay: -0.2352s;
}
.particle:nth-child(184) {
  transform: translate(49vw, 72vh);
  background: #f34dff;
  animation-duration: 1.17s;
  animation-delay: -0.819s;
}
.particle:nth-child(185) {
  transform: translate(2vw, 50vh);
  background: #ff734d;
  animation-duration: 1.29s;
  animation-delay: -0.8901s;
}
.particle:nth-child(186) {
  transform: translate(96vw, 58vh);
  background: #ff4f4d;
  animation-duration: 1.53s;
  animation-delay: -0.3519s;
}
.particle:nth-child(187) {
  transform: translate(28vw, 13vh);
  background: #4d7fff;
  animation-duration: 1.79s;
  animation-delay: -0.4117s;
}
.particle:nth-child(188) {
  transform: translate(59vw, 61vh);
  background: #4da6ff;
  animation-duration: 1.85s;
  animation-delay: -0.148s;
}
.particle:nth-child(189) {
  transform: translate(30vw, 75vh);
  background: #ff4dbe;
  animation-duration: 1.09s;
  animation-delay: -0.0981s;
}
.particle:nth-child(190) {
  transform: translate(26vw, 8vh);
  background: #4dff94;
  animation-duration: 1.49s;
  animation-delay: -0.596s;
}
.particle:nth-child(191) {
  transform: translate(12vw, 12vh);
  background: #ff4db5;
  animation-duration: 1.63s;
  animation-delay: -1.0758s;
}
.particle:nth-child(192) {
  transform: translate(86vw, 10vh);
  background: #4d5bff;
  animation-duration: 1.09s;
  animation-delay: -0.3706s;
}
.particle:nth-child(193) {
  transform: translate(88vw, 39vh);
  background: #ff4d67;
  animation-duration: 1.3s;
  animation-delay: -0.117s;
}
.particle:nth-child(194) {
  transform: translate(75vw, 56vh);
  background: #ff4d7c;
  animation-duration: 1.39s;
  animation-delay: -0.2224s;
}
.particle:nth-child(195) {
  transform: translate(27vw, 78vh);
  background: #4d4dff;
  animation-duration: 1.37s;
  animation-delay: -0.7398s;
}
.particle:nth-child(196) {
  transform: translate(62vw, 59vh);
  background: #4dffff;
  animation-duration: 1.59s;
  animation-delay: -0.3339s;
}
.particle:nth-child(197) {
  transform: translate(18vw, 7vh);
  background: #4dff9a;
  animation-duration: 1.39s;
  animation-delay: -0.3058s;
}
.particle:nth-child(198) {
  transform: translate(98vw, 85vh);
  background: #de4dff;
  animation-duration: 1.65s;
  animation-delay: -0.1155s;
}
.particle:nth-child(199) {
  transform: translate(56vw, 4vh);
  background: #4dff4f;
  animation-duration: 1.84s;
  animation-delay: -0.3864s;
}
.particle:nth-child(200) {
  transform: translate(93vw, 39vh);
  background: #4dfff3;
  animation-duration: 1.94s;
  animation-delay: -0.485s;
}
.particle:nth-child(201) {
  transform: translate(81vw, 88vh);
  background: #ff4dfc;
  animation-duration: 1.34s;
  animation-delay: -0.469s;
}
.particle:nth-child(202) {
  transform: translate(34vw, 60vh);
  background: #4dffe4;
  animation-duration: 1.1s;
  animation-delay: -0.946s;
}
.particle:nth-child(203) {
  transform: translate(4vw, 16vh);
  background: #4dff9d;
  animation-duration: 1.69s;
  animation-delay: -0.507s;
}
.particle:nth-child(204) {
  transform: translate(54vw, 39vh);
  background: #ffe44d;
  animation-duration: 1.21s;
  animation-delay: -0.3025s;
}
.particle:nth-child(205) {
  transform: translate(81vw, 62vh);
  background: #4dff88;
  animation-duration: 1.1s;
  animation-delay: -0.055s;
}
.particle:nth-child(206) {
  transform: translate(41vw, 3vh);
  background: #4dff4f;
  animation-duration: 1.41s;
  animation-delay: -0.1128s;
}
.particle:nth-child(207) {
  transform: translate(80vw, 17vh);
  background: #4ddeff;
  animation-duration: 1.81s;
  animation-delay: -0.7602s;
}
.particle:nth-child(208) {
  transform: translate(14vw, 65vh);
  background: #acff4d;
  animation-duration: 1.72s;
  animation-delay: -0.0688s;
}
.particle:nth-child(209) {
  transform: translate(53vw, 82vh);
  background: #b8ff4d;
  animation-duration: 1.74s;
  animation-delay: -1.1136s;
}
.particle:nth-child(210) {
  transform: translate(4vw, 73vh);
  background: #4d85ff;
  animation-duration: 1.17s;
  animation-delay: -0.7956s;
}
.particle:nth-child(211) {
  transform: translate(53vw, 1vh);
  background: #ffde4d;
  animation-duration: 1.87s;
  animation-delay: -1.4586s;
}
.particle:nth-child(212) {
  transform: translate(15vw, 53vh);
  background: #ff4dac;
  animation-duration: 1.53s;
  animation-delay: -0.2907s;
}
.particle:nth-child(213) {
  transform: translate(18vw, 62vh);
  background: #4dfff0;
  animation-duration: 1.67s;
  animation-delay: -1.0855s;
}
.particle:nth-child(214) {
  transform: translate(64vw, 78vh);
  background: #ff4d64;
  animation-duration: 1.73s;
  animation-delay: -0.8996s;
}
.particle:nth-child(215) {
  transform: translate(85vw, 78vh);
  background: #ff4dc4;
  animation-duration: 1.07s;
  animation-delay: -0.4066s;
}
.particle:nth-child(216) {
  transform: translate(93vw, 54vh);
  background: #ff4dc6;
  animation-duration: 1.67s;
  animation-delay: -1.4028s;
}
.particle:nth-child(217) {
  transform: translate(4vw, 45vh);
  background: #4ddbff;
  animation-duration: 1.49s;
  animation-delay: -1.2069s;
}
.particle:nth-child(218) {
  transform: translate(70vw, 84vh);
  background: #ffa34d;
  animation-duration: 1.61s;
  animation-delay: -0.0805s;
}
.particle:nth-child(219) {
  transform: translate(99vw, 21vh);
  background: #ffde4d;
  animation-duration: 1.9s;
  animation-delay: -0.893s;
}
.particle:nth-child(220) {
  transform: translate(42vw, 43vh);
  background: #4fff4d;
  animation-duration: 1.55s;
  animation-delay: -0.806s;
}
.particle:nth-child(221) {
  transform: translate(62vw, 54vh);
  background: #4d70ff;
  animation-duration: 1.21s;
  animation-delay: -0.2178s;
}
.particle:nth-child(222) {
  transform: translate(96vw, 52vh);
  background: #4dffcc;
  animation-duration: 1.43s;
  animation-delay: -0.4147s;
}
.particle:nth-child(223) {
  transform: translate(2vw, 79vh);
  background: #9d4dff;
  animation-duration: 1.5s;
  animation-delay: -1.05s;
}
.particle:nth-child(224) {
  transform: translate(84vw, 73vh);
  background: #4da0ff;
  animation-duration: 1.97s;
  animation-delay: -1.2214s;
}
.particle:nth-child(225) {
  transform: translate(34vw, 2vh);
  background: #9a4dff;
  animation-duration: 1.1s;
  animation-delay: -0.693s;
}
.particle:nth-child(226) {
  transform: translate(99vw, 2vh);
  background: #4d67ff;
  animation-duration: 1.56s;
  animation-delay: -1.0296s;
}
.particle:nth-child(227) {
  transform: translate(64vw, 95vh);
  background: #ff4df6;
  animation-duration: 1.52s;
  animation-delay: -0.1064s;
}
.particle:nth-child(228) {
  transform: translate(52vw, 9vh);
  background: #7fff4d;
  animation-duration: 1.82s;
  animation-delay: -1.5834s;
}
.particle:nth-child(229) {
  transform: translate(60vw, 10vh);
  background: #ff674d;
  animation-duration: 1.17s;
  animation-delay: -0.9477s;
}
.particle:nth-child(230) {
  transform: translate(68vw, 9vh);
  background: #88ff4d;
  animation-duration: 1.46s;
  animation-delay: -1.0658s;
}
.particle:nth-child(231) {
  transform: translate(98vw, 9vh);
  background: #ff524d;
  animation-duration: 1.47s;
  animation-delay: -1.3524s;
}
.particle:nth-child(232) {
  transform: translate(62vw, 34vh);
  background: #4d58ff;
  animation-duration: 1.21s;
  animation-delay: -0.242s;
}
.particle:nth-child(233) {
  transform: translate(14vw, 23vh);
  background: #e44dff;
  animation-duration: 1.24s;
  animation-delay: -0.5704s;
}
.particle:nth-child(234) {
  transform: translate(11vw, 23vh);
  background: #ff4d79;
  animation-duration: 1.09s;
  animation-delay: -0.7521s;
}
.particle:nth-child(235) {
  transform: translate(70vw, 94vh);
  background: #fff94d;
  animation-duration: 1.85s;
  animation-delay: -0.074s;
}
.particle:nth-child(236) {
  transform: translate(13vw, 96vh);
  background: #e4ff4d;
  animation-duration: 1.14s;
  animation-delay: -0.5586s;
}
.particle:nth-child(237) {
  transform: translate(45vw, 61vh);
  background: #fff04d;
  animation-duration: 1.99s;
  animation-delay: -1.0746s;
}
.particle:nth-child(238) {
  transform: translate(59vw, 43vh);
  background: #afff4d;
  animation-duration: 1.72s;
  animation-delay: -1.0492s;
}
.particle:nth-child(239) {
  transform: translate(6vw, 26vh);
  background: #554dff;
  animation-duration: 1.71s;
  animation-delay: -0.1539s;
}
.particle:nth-child(240) {
  transform: translate(18vw, 47vh);
  background: #ffd54d;
  animation-duration: 1.56s;
  animation-delay: -0.3432s;
}
.particle:nth-child(241) {
  transform: translate(19vw, 74vh);
  background: #67ff4d;
  animation-duration: 1.6s;
  animation-delay: -0.08s;
}
.particle:nth-child(242) {
  transform: translate(10vw, 56vh);
  background: #4dfff9;
  animation-duration: 1.54s;
  animation-delay: -0.9394s;
}
.particle:nth-child(243) {
  transform: translate(92vw, 66vh);
  background: #4dff97;
  animation-duration: 1.04s;
  animation-delay: -0.0312s;
}
.particle:nth-child(244) {
  transform: translate(69vw, 4vh);
  background: #a94dff;
  animation-duration: 1.14s;
  animation-delay: -0.6384s;
}
.particle:nth-child(245) {
  transform: translate(38vw, 5vh);
  background: #ff674d;
  animation-duration: 1.47s;
  animation-delay: -0.1911s;
}
.particle:nth-child(246) {
  transform: translate(72vw, 58vh);
  background: #4dacff;
  animation-duration: 1.99s;
  animation-delay: -0.5572s;
}
.particle:nth-child(247) {
  transform: translate(66vw, 81vh);
  background: #4db5ff;
  animation-duration: 1.27s;
  animation-delay: -0.5969s;
}
.particle:nth-child(248) {
  transform: translate(40vw, 85vh);
  background: #4dffaf;
  animation-duration: 1.01s;
  animation-delay: -0.7373s;
}
.particle:nth-child(249) {
  transform: translate(86vw, 47vh);
  background: #4dfff9;
  animation-duration: 1.79s;
  animation-delay: -1.6468s;
}
.particle:nth-child(250) {
  transform: translate(15vw, 22vh);
  background: #4dffc1;
  animation-duration: 1.15s;
  animation-delay: -0.8625s;
}
.particle:nth-child(251) {
  transform: translate(22vw, 15vh);
  background: #4dfff3;
  animation-duration: 1.38s;
  animation-delay: -1.1178s;
}
.particle:nth-child(252) {
  transform: translate(53vw, 38vh);
  background: #ff9a4d;
  animation-duration: 1.05s;
  animation-delay: -0.4515s;
}
.particle:nth-child(253) {
  transform: translate(45vw, 52vh);
  background: #ffde4d;
  animation-duration: 1.16s;
  animation-delay: -0.1044s;
}
.particle:nth-child(254) {
  transform: translate(32vw, 18vh);
  background: #ffa64d;
  animation-duration: 1.09s;
  animation-delay: -0.2071s;
}
.particle:nth-child(255) {
  transform: translate(74vw, 41vh);
  background: #ff4df0;
  animation-duration: 1.22s;
  animation-delay: -0.6832s;
}
.particle:nth-child(256) {
  transform: translate(78vw, 54vh);
  background: #ff4dd5;
  animation-duration: 1.17s;
  animation-delay: -0.0468s;
}
.particle:nth-child(257) {
  transform: translate(40vw, 28vh);
  background: #ff6a4d;
  animation-duration: 1.6s;
  animation-delay: -0.736s;
}
.particle:nth-child(258) {
  transform: translate(27vw, 3vh);
  background: #ff884d;
  animation-duration: 1.97s;
  animation-delay: -1.0638s;
}
.particle:nth-child(259) {
  transform: translate(77vw, 95vh);
  background: #4df0ff;
  animation-duration: 1.99s;
  animation-delay: -0.6766s;
}
.particle:nth-child(260) {
  transform: translate(23vw, 57vh);
  background: #ff4da0;
  animation-duration: 1.43s;
  animation-delay: -0.7722s;
}
.particle:nth-child(261) {
  transform: translate(49vw, 67vh);
  background: #f04dff;
  animation-duration: 1.14s;
  animation-delay: -1.1058s;
}
.particle:nth-child(262) {
  transform: translate(30vw, 94vh);
  background: #ffd24d;
  animation-duration: 1.38s;
  animation-delay: -1.2558s;
}
.particle:nth-child(263) {
  transform: translate(90vw, 99vh);
  background: #644dff;
  animation-duration: 1.69s;
  animation-delay: -0.6253s;
}
.particle:nth-child(264) {
  transform: translate(54vw, 88vh);
  background: #4d76ff;
  animation-duration: 1.26s;
  animation-delay: -0.1134s;
}
.particle:nth-child(265) {
  transform: translate(73vw, 29vh);
  background: #4d9dff;
  animation-duration: 1.04s;
  animation-delay: -0.0312s;
}
.particle:nth-child(266) {
  transform: translate(28vw, 33vh);
  background: #4dc4ff;
  animation-duration: 1.53s;
  animation-delay: -0.4437s;
}
.particle:nth-child(267) {
  transform: translate(56vw, 43vh);
  background: #4d6dff;
  animation-duration: 1.05s;
  animation-delay: -0.525s;
}
.particle:nth-child(268) {
  transform: translate(97vw, 51vh);
  background: #4dbbff;
  animation-duration: 1.23s;
  animation-delay: -0.4797s;
}
.particle:nth-child(269) {
  transform: translate(11vw, 31vh);
  background: #4dff5b;
  animation-duration: 1.91s;
  animation-delay: -1.2224s;
}
.particle:nth-child(270) {
  transform: translate(45vw, 74vh);
  background: #4dff7c;
  animation-duration: 1.76s;
  animation-delay: -1.32s;
}
.particle:nth-child(271) {
  transform: translate(81vw, 52vh);
  background: #944dff;
  animation-duration: 1.67s;
  animation-delay: -1.5364s;
}
.particle:nth-child(272) {
  transform: translate(97vw, 66vh);
  background: #70ff4d;
  animation-duration: 1.12s;
  animation-delay: -0.6048s;
}
.particle:nth-child(273) {
  transform: translate(1vw, 89vh);
  background: #c14dff;
  animation-duration: 1.02s;
  animation-delay: -0.306s;
}
.particle:nth-child(274) {
  transform: translate(71vw, 79vh);
  background: #4d55ff;
  animation-duration: 1.12s;
  animation-delay: -0.2352s;
}
.particle:nth-child(275) {
  transform: translate(54vw, 7vh);
  background: #a94dff;
  animation-duration: 1.33s;
  animation-delay: -0.4256s;
}
.particle:nth-child(276) {
  transform: translate(51vw, 6vh);
  background: #fff34d;
  animation-duration: 1.82s;
  animation-delay: -0.819s;
}
.particle:nth-child(277) {
  transform: translate(41vw, 12vh);
  background: #4dff9a;
  animation-duration: 1.32s;
  animation-delay: -0.8448s;
}
.particle:nth-child(278) {
  transform: translate(54vw, 78vh);
  background: #ff4d6a;
  animation-duration: 1.78s;
  animation-delay: -0.178s;
}
.particle:nth-child(279) {
  transform: translate(99vw, 53vh);
  background: #4d70ff;
  animation-duration: 1.3s;
  animation-delay: -0.13s;
}
.particle:nth-child(280) {
  transform: translate(19vw, 30vh);
  background: #ff4d73;
  animation-duration: 1.25s;
  animation-delay: -0.7375s;
}
.particle:nth-child(281) {
  transform: translate(79vw, 98vh);
  background: #ff644d;
  animation-duration: 1.48s;
  animation-delay: -0.3256s;
}
.particle:nth-child(282) {
  transform: translate(64vw, 20vh);
  background: #ff824d;
  animation-duration: 1.5s;
  animation-delay: -0.285s;
}
.particle:nth-child(283) {
  transform: translate(89vw, 21vh);
  background: #8b4dff;
  animation-duration: 1.59s;
  animation-delay: -1.0812s;
}
.particle:nth-child(284) {
  transform: translate(20vw, 95vh);
  background: #cf4dff;
  animation-duration: 1.9s;
  animation-delay: -0.646s;
}
.particle:nth-child(285) {
  transform: translate(16vw, 18vh);
  background: #d54dff;
  animation-duration: 1.33s;
  animation-delay: -0.9842s;
}
.particle:nth-child(286) {
  transform: translate(54vw, 23vh);
  background: #ff644d;
  animation-duration: 1.91s;
  animation-delay: -1.6617s;
}
.particle:nth-child(287) {
  transform: translate(71vw, 17vh);
  background: #f94dff;
  animation-duration: 1.64s;
  animation-delay: -1.3776s;
}
.particle:nth-child(288) {
  transform: translate(79vw, 21vh);
  background: #ff524d;
  animation-duration: 1.08s;
  animation-delay: -0.6804s;
}
.particle:nth-child(289) {
  transform: translate(63vw, 87vh);
  background: #5e4dff;
  animation-duration: 1.29s;
  animation-delay: -0.0774s;
}
.particle:nth-child(290) {
  transform: translate(8vw, 25vh);
  background: #ff4ded;
  animation-duration: 1.15s;
  animation-delay: -0.0805s;
}
.particle:nth-child(291) {
  transform: translate(19vw, 32vh);
  background: #4dffea;
  animation-duration: 1.61s;
  animation-delay: -1.3363s;
}
.particle:nth-child(292) {
  transform: translate(83vw, 58vh);
  background: #d2ff4d;
  animation-duration: 1.73s;
  animation-delay: -0.1384s;
}
.particle:nth-child(293) {
  transform: translate(96vw, 88vh);
  background: #4dc4ff;
  animation-duration: 1.16s;
  animation-delay: -0.1392s;
}
.particle:nth-child(294) {
  transform: translate(4vw, 88vh);
  background: #ff4de7;
  animation-duration: 1.77s;
  animation-delay: -0.6372s;
}
.particle:nth-child(295) {
  transform: translate(24vw, 62vh);
  background: #4de1ff;
  animation-duration: 1.6s;
  animation-delay: -1.072s;
}
.particle:nth-child(296) {
  transform: translate(79vw, 72vh);
  background: #4dff58;
  animation-duration: 1.86s;
  animation-delay: -1.1346s;
}
.particle:nth-child(297) {
  transform: translate(35vw, 86vh);
  background: #6d4dff;
  animation-duration: 1.73s;
  animation-delay: -0.5363s;
}
.particle:nth-child(298) {
  transform: translate(33vw, 84vh);
  background: #5e4dff;
  animation-duration: 1.27s;
  animation-delay: -0.9144s;
}
.particle:nth-child(299) {
  transform: translate(3vw, 24vh);
  background: #ff4de1;
  animation-duration: 1.55s;
  animation-delay: -0.6045s;
}
.particle:nth-child(300) {
  transform: translate(34vw, 92vh);
  background: #4d88ff;
  animation-duration: 1.95s;
  animation-delay: -0.6435s;
}
.particle:nth-child(301) {
  transform: translate(87vw, 33vh);
  background: #9aff4d;
  animation-duration: 1.98s;
  animation-delay: -1.6434s;
}
.particle:nth-child(302) {
  transform: translate(91vw, 89vh);
  background: #4dc1ff;
  animation-duration: 1.4s;
  animation-delay: -0.392s;
}
.particle:nth-child(303) {
  transform: translate(92vw, 23vh);
  background: #ff4db2;
  animation-duration: 1.89s;
  animation-delay: -0.3402s;
}
.particle:nth-child(304) {
  transform: translate(58vw, 72vh);
  background: #ff4dd2;
  animation-duration: 1.32s;
  animation-delay: -0.6864s;
}
.particle:nth-child(305) {
  transform: translate(29vw, 62vh);
  background: #ff8b4d;
  animation-duration: 1.08s;
  animation-delay: -0.0432s;
}
.particle:nth-child(306) {
  transform: translate(96vw, 31vh);
  background: #4dc9ff;
  animation-duration: 1.82s;
  animation-delay: -0.91s;
}
.particle:nth-child(307) {
  transform: translate(74vw, 12vh);
  background: #b2ff4d;
  animation-duration: 1.96s;
  animation-delay: -1.5876s;
}
.particle:nth-child(308) {
  transform: translate(31vw, 2vh);
  background: #4dff76;
  animation-duration: 1.85s;
  animation-delay: -0.666s;
}
.particle:nth-child(309) {
  transform: translate(62vw, 6vh);
  background: #4dffa3;
  animation-duration: 1.57s;
  animation-delay: -0.2983s;
}
.particle:nth-child(310) {
  transform: translate(89vw, 19vh);
  background: #91ff4d;
  animation-duration: 1.81s;
  animation-delay: -0.0724s;
}
.particle:nth-child(311) {
  transform: translate(76vw, 48vh);
  background: #79ff4d;
  animation-duration: 1.51s;
  animation-delay: -0.151s;
}
.particle:nth-child(312) {
  transform: translate(87vw, 61vh);
  background: #5eff4d;
  animation-duration: 1.86s;
  animation-delay: -0.1116s;
}
.particle:nth-child(313) {
  transform: translate(65vw, 57vh);
  background: #4d9aff;
  animation-duration: 1.96s;
  animation-delay: -0.2352s;
}
.particle:nth-child(314) {
  transform: translate(85vw, 48vh);
  background: #acff4d;
  animation-duration: 1.84s;
  animation-delay: -1.7112s;
}
.particle:nth-child(315) {
  transform: translate(2vw, 52vh);
  background: #4dffc9;
  animation-duration: 1.32s;
  animation-delay: -0.5544s;
}
.particle:nth-child(316) {
  transform: translate(25vw, 1vh);
  background: #82ff4d;
  animation-duration: 1.66s;
  animation-delay: -0.4814s;
}
.particle:nth-child(317) {
  transform: translate(25vw, 55vh);
  background: #614dff;
  animation-duration: 1.54s;
  animation-delay: -1.4784s;
}
.particle:nth-child(318) {
  transform: translate(94vw, 65vh);
  background: #f64dff;
  animation-duration: 1.12s;
  animation-delay: -0.3136s;
}
.particle:nth-child(319) {
  transform: translate(56vw, 5vh);
  background: #ffbb4d;
  animation-duration: 1.91s;
  animation-delay: -1.4707s;
}
.particle:nth-child(320) {
  transform: translate(18vw, 86vh);
  background: #ff4dff;
  animation-duration: 1.75s;
  animation-delay: -1.5575s;
}
.particle:nth-child(321) {
  transform: translate(24vw, 50vh);
  background: #ff4d85;
  animation-duration: 1.44s;
  animation-delay: -0.504s;
}
.particle:nth-child(322) {
  transform: translate(14vw, 100vh);
  background: #644dff;
  animation-duration: 1.34s;
  animation-delay: -0.067s;
}
.particle:nth-child(323) {
  transform: translate(1vw, 56vh);
  background: #9aff4d;
  animation-duration: 1.01s;
  animation-delay: -0.7171s;
}
.particle:nth-child(324) {
  transform: translate(30vw, 41vh);
  background: #4db2ff;
  animation-duration: 1.01s;
  animation-delay: -0.0606s;
}
.particle:nth-child(325) {
  transform: translate(97vw, 33vh);
  background: #4de4ff;
  animation-duration: 1.65s;
  animation-delay: -1.287s;
}
.particle:nth-child(326) {
  transform: translate(60vw, 40vh);
  background: #f04dff;
  animation-duration: 1.71s;
  animation-delay: -0.0171s;
}
.particle:nth-child(327) {
  transform: translate(40vw, 85vh);
  background: #ff4da6;
  animation-duration: 1.51s;
  animation-delay: -0.6795s;
}
.particle:nth-child(328) {
  transform: translate(21vw, 25vh);
  background: #ea4dff;
  animation-duration: 1.47s;
  animation-delay: -1.2495s;
}
.particle:nth-child(329) {
  transform: translate(84vw, 87vh);
  background: #5eff4d;
  animation-duration: 1.17s;
  animation-delay: -0.7488s;
}
.particle:nth-child(330) {
  transform: translate(64vw, 21vh);
  background: #ff4d76;
  animation-duration: 1.5s;
  animation-delay: -1.305s;
}
.particle:nth-child(331) {
  transform: translate(2vw, 13vh);
  background: #4dff82;
  animation-duration: 1.6s;
  animation-delay: -1.168s;
}
.particle:nth-child(332) {
  transform: translate(80vw, 97vh);
  background: #ff4d79;
  animation-duration: 1.92s;
  animation-delay: -1.1136s;
}
.particle:nth-child(333) {
  transform: translate(12vw, 7vh);
  background: #4dff4d;
  animation-duration: 1.62s;
  animation-delay: -0.8586s;
}
.particle:nth-child(334) {
  transform: translate(70vw, 76vh);
  background: #ffd24d;
  animation-duration: 1.44s;
  animation-delay: -0.3456s;
}
.particle:nth-child(335) {
  transform: translate(25vw, 88vh);
  background: #4dff4f;
  animation-duration: 1.06s;
  animation-delay: -0.0106s;
}
.particle:nth-child(336) {
  transform: translate(19vw, 91vh);
  background: #4dff6a;
  animation-duration: 1.6s;
  animation-delay: -0.64s;
}
.particle:nth-child(337) {
  transform: translate(48vw, 20vh);
  background: #f64dff;
  animation-duration: 1.22s;
  animation-delay: -0.427s;
}
.particle:nth-child(338) {
  transform: translate(26vw, 30vh);
  background: #ffea4d;
  animation-duration: 1.93s;
  animation-delay: -1.5826s;
}
.particle:nth-child(339) {
  transform: translate(28vw, 20vh);
  background: #9a4dff;
  animation-duration: 1.85s;
  animation-delay: -0.629s;
}
.particle:nth-child(340) {
  transform: translate(46vw, 79vh);
  background: #4dbeff;
  animation-duration: 1.84s;
  animation-delay: -1.2144s;
}
.particle:nth-child(341) {
  transform: translate(1vw, 89vh);
  background: #c44dff;
  animation-duration: 1.52s;
  animation-delay: -1.4288s;
}
.particle:nth-child(342) {
  transform: translate(7vw, 31vh);
  background: #c1ff4d;
  animation-duration: 1.65s;
  animation-delay: -0.3135s;
}
.particle:nth-child(343) {
  transform: translate(11vw, 60vh);
  background: #ff4df0;
  animation-duration: 1.73s;
  animation-delay: -0.3979s;
}
.particle:nth-child(344) {
  transform: translate(21vw, 94vh);
  background: #85ff4d;
  animation-duration: 1.71s;
  animation-delay: -0.3933s;
}
.particle:nth-child(345) {
  transform: translate(100vw, 32vh);
  background: #4dff79;
  animation-duration: 1.49s;
  animation-delay: -1.0728s;
}
.particle:nth-child(346) {
  transform: translate(7vw, 11vh);
  background: #ff4dfc;
  animation-duration: 1.71s;
  animation-delay: -0.8037s;
}
.particle:nth-child(347) {
  transform: translate(59vw, 56vh);
  background: #4dff85;
  animation-duration: 1.26s;
  animation-delay: -0.063s;
}
.particle:nth-child(348) {
  transform: translate(99vw, 7vh);
  background: #ff4dcf;
  animation-duration: 1.42s;
  animation-delay: -0.5254s;
}
.particle:nth-child(349) {
  transform: translate(36vw, 67vh);
  background: #614dff;
  animation-duration: 1.45s;
  animation-delay: -0.3915s;
}
.particle:nth-child(350) {
  transform: translate(14vw, 32vh);
  background: #6d4dff;
  animation-duration: 1.27s;
  animation-delay: -0.6096s;
}
.particle:nth-child(351) {
  transform: translate(3vw, 96vh);
  background: #ffbe4d;
  animation-duration: 1.39s;
  animation-delay: -0.5421s;
}
.particle:nth-child(352) {
  transform: translate(19vw, 26vh);
  background: #4d73ff;
  animation-duration: 1.31s;
  animation-delay: -1.1266s;
}
.particle:nth-child(353) {
  transform: translate(22vw, 5vh);
  background: #4dffed;
  animation-duration: 1.71s;
  animation-delay: -0.2052s;
}
.particle:nth-child(354) {
  transform: translate(15vw, 19vh);
  background: #ff4dcf;
  animation-duration: 1.2s;
  animation-delay: -0.252s;
}
.particle:nth-child(355) {
  transform: translate(73vw, 51vh);
  background: #ff4db5;
  animation-duration: 1.45s;
  animation-delay: -0.493s;
}
.particle:nth-child(356) {
  transform: translate(71vw, 24vh);
  background: #5b4dff;
  animation-duration: 1.45s;
  animation-delay: -1.044s;
}
.particle:nth-child(357) {
  transform: translate(45vw, 70vh);
  background: #ffa94d;
  animation-duration: 1.54s;
  animation-delay: -1.5092s;
}
.particle:nth-child(358) {
  transform: translate(83vw, 32vh);
  background: #ff854d;
  animation-duration: 1.5s;
  animation-delay: -0.42s;
}
.particle:nth-child(359) {
  transform: translate(86vw, 29vh);
  background: #ffaf4d;
  animation-duration: 1.01s;
  animation-delay: -0.9999s;
}
.particle:nth-child(360) {
  transform: translate(91vw, 32vh);
  background: #884dff;
  animation-duration: 1.75s;
  animation-delay: -1.12s;
}
.particle:nth-child(361) {
  transform: translate(35vw, 72vh);
  background: #4dff6d;
  animation-duration: 1.91s;
  animation-delay: -1.6235s;
}
.particle:nth-child(362) {
  transform: translate(50vw, 6vh);
  background: #ff4dc9;
  animation-duration: 1.56s;
  animation-delay: -0.3744s;
}
.particle:nth-child(363) {
  transform: translate(52vw, 13vh);
  background: #ff734d;
  animation-duration: 1.14s;
  animation-delay: -0.0798s;
}
.particle:nth-child(364) {
  transform: translate(74vw, 70vh);
  background: #70ff4d;
  animation-duration: 1.25s;
  animation-delay: -0.575s;
}
.particle:nth-child(365) {
  transform: translate(18vw, 9vh);
  background: #ff644d;
  animation-duration: 1.89s;
  animation-delay: -0.1512s;
}
.particle:nth-child(366) {
  transform: translate(21vw, 24vh);
  background: #884dff;
  animation-duration: 1.29s;
  animation-delay: -0.1548s;
}
.particle:nth-child(367) {
  transform: translate(21vw, 36vh);
  background: #4dffac;
  animation-duration: 1.04s;
  animation-delay: -0.2704s;
}
.particle:nth-child(368) {
  transform: translate(88vw, 44vh);
  background: #ffbb4d;
  animation-duration: 1.76s;
  animation-delay: -0.1584s;
}
.particle:nth-child(369) {
  transform: translate(83vw, 58vh);
  background: #ff9d4d;
  animation-duration: 1.89s;
  animation-delay: -0.189s;
}
.particle:nth-child(370) {
  transform: translate(78vw, 6vh);
  background: #c14dff;
  animation-duration: 1.42s;
  animation-delay: -0.8094s;
}
.particle:nth-child(371) {
  transform: translate(69vw, 87vh);
  background: #ffb54d;
  animation-duration: 1.04s;
  animation-delay: -0.6032s;
}
.particle:nth-child(372) {
  transform: translate(11vw, 11vh);
  background: #f9ff4d;
  animation-duration: 1.52s;
  animation-delay: -0.0304s;
}
.particle:nth-child(373) {
  transform: translate(54vw, 20vh);
  background: #ffc94d;
  animation-duration: 1.05s;
  animation-delay: -0.399s;
}
.particle:nth-child(374) {
  transform: translate(86vw, 19vh);
  background: #4dccff;
  animation-duration: 1.87s;
  animation-delay: -1.4399s;
}
.particle:nth-child(375) {
  transform: translate(70vw, 43vh);
  background: #4dffc4;
  animation-duration: 1.85s;
  animation-delay: -0.518s;
}
.particle:nth-child(376) {
  transform: translate(2vw, 7vh);
  background: #94ff4d;
  animation-duration: 1.86s;
  animation-delay: -0.5208s;
}
.particle:nth-child(377) {
  transform: translate(60vw, 40vh);
  background: #4dffb2;
  animation-duration: 1.34s;
  animation-delay: -0.7638s;
}
.particle:nth-child(378) {
  transform: translate(66vw, 53vh);
  background: #9d4dff;
  animation-duration: 1.61s;
  animation-delay: -0.1932s;
}
.particle:nth-child(379) {
  transform: translate(32vw, 99vh);
  background: #ff4d9d;
  animation-duration: 1.36s;
  animation-delay: -0.5712s;
}
.particle:nth-child(380) {
  transform: translate(22vw, 16vh);
  background: #4dff88;
  animation-duration: 1.94s;
  animation-delay: -1.6102s;
}
.particle:nth-child(381) {
  transform: translate(44vw, 49vh);
  background: #6d4dff;
  animation-duration: 1.62s;
  animation-delay: -1.2798s;
}
.particle:nth-child(382) {
  transform: translate(1vw, 80vh);
  background: #ff4df6;
  animation-duration: 1.28s;
  animation-delay: -0.4992s;
}
.particle:nth-child(383) {
  transform: translate(34vw, 14vh);
  background: #4dff61;
  animation-duration: 1.8s;
  animation-delay: -0.45s;
}
.particle:nth-child(384) {
  transform: translate(47vw, 92vh);
  background: #beff4d;
  animation-duration: 1.43s;
  animation-delay: -1.0868s;
}
.particle:nth-child(385) {
  transform: translate(1vw, 15vh);
  background: #c44dff;
  animation-duration: 1.06s;
  animation-delay: -0.6466s;
}
.particle:nth-child(386) {
  transform: translate(35vw, 11vh);
  background: #4d70ff;
  animation-duration: 1.01s;
  animation-delay: -0.4242s;
}
.particle:nth-child(387) {
  transform: translate(73vw, 25vh);
  background: #4dff58;
  animation-duration: 1.79s;
  animation-delay: -0.895s;
}
.particle:nth-child(388) {
  transform: translate(67vw, 3vh);
  background: #ffbb4d;
  animation-duration: 1.68s;
  animation-delay: -0.7056s;
}
.particle:nth-child(389) {
  transform: translate(3vw, 52vh);
  background: #ff4dfc;
  animation-duration: 1.06s;
  animation-delay: -0.6678s;
}
.particle:nth-child(390) {
  transform: translate(82vw, 81vh);
  background: #4d58ff;
  animation-duration: 1.16s;
  animation-delay: -0.8816s;
}
.particle:nth-child(391) {
  transform: translate(80vw, 72vh);
  background: #ff644d;
  animation-duration: 1.31s;
  animation-delay: -0.6288s;
}
.particle:nth-child(392) {
  transform: translate(89vw, 50vh);
  background: #ccff4d;
  animation-duration: 1.33s;
  animation-delay: -0.6118s;
}
.particle:nth-child(393) {
  transform: translate(43vw, 2vh);
  background: #4dfff0;
  animation-duration: 1.17s;
  animation-delay: -0.4329s;
}
.particle:nth-child(394) {
  transform: translate(15vw, 12vh);
  background: #4d67ff;
  animation-duration: 1.4s;
  animation-delay: -1.064s;
}
.particle:nth-child(395) {
  transform: translate(23vw, 23vh);
  background: #ffb54d;
  animation-duration: 1.26s;
  animation-delay: -0.7812s;
}
.particle:nth-child(396) {
  transform: translate(26vw, 51vh);
  background: #ff4dfc;
  animation-duration: 1.12s;
  animation-delay: -1.0864s;
}
.particle:nth-child(397) {
  transform: translate(39vw, 18vh);
  background: #ffd54d;
  animation-duration: 1.2s;
  animation-delay: -0.108s;
}
.particle:nth-child(398) {
  transform: translate(45vw, 34vh);
  background: #4d5eff;
  animation-duration: 1.03s;
  animation-delay: -1.03s;
}
.particle:nth-child(399) {
  transform: translate(79vw, 35vh);
  background: #bbff4d;
  animation-duration: 1.46s;
  animation-delay: -0.584s;
}
.particle:nth-child(400) {
  transform: translate(94vw, 37vh);
  background: #ff4dbb;
  animation-duration: 1.49s;
  animation-delay: -1.2665s;
}

@keyframes shoot {
  0% {
    transform: translate(50vw, 50vh);
  }
}
@keyframes fade {
  to {
    opacity: 0;
  }
}

@media only screen and (max-width: 768px) {

  .contenido_particle {
    display: block;
    position: absolute;
    width: 100%;
    height: 200%;
    left: 0;
}

.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  animation: shoot 3s ease-out infinite;
  animation-name: shoot, fade;
}

}

@media only screen and (max-width: 576px) {

  .contenido_particle {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  animation: shoot 3s ease-out infinite;
  animation-name: shoot, fade;
}
}

@media only screen and (max-width: 420px) {

  .contenido_particle {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.particle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 2px;
  animation: shoot 3s ease-out infinite;
  animation-name: shoot, fade;
}

}