fondobolitas {
  background: darkblue;
  background: linear-gradient(0deg, #050057 0%, #0b0bb0 100%);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  overflow: hidden;
}
bolitas{
  z-index:-99;
  opacity: 1;
}

bolitas, bolitas::after {
  position: absolute;
  width: 55vw;
  height: 10vh;
  left: 0;
  top: -100px;
  transform-origin: top left;
  border-bottom: 1px solid hotpink;
  border-radius: 0 0 0 100%;
}
bolitas::after {
  content: "";
  left: 100%;
  top: 100%;
  border-radius: 0 100% 0 0;
  border-top: 1px solid deeppink;
  border-bottom: none;
}
bolitas::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 6px;
  background: #ffffff;
  box-shadow: 0 0 20px #ffffff;
  top: 0;
  left: 0;
  border-radius: 999px;
  animation: spark 6000ms linear infinite;
  transform: scale(0.1) translate(-20vw, 0);
  animation-delay: inherit;
}
#number_1 {
  top: -95px;
  transform: rotate(-9.5deg);
  animation-delay: 2615ms;
}
#number_2 {
  top: -90px;
  transform: rotate(-9deg);
  animation-delay: 809ms;
}
#number_3 {
  top: -85px;
  transform: rotate(-8.5deg);
  animation-delay: 1636ms;
}
#number_4 {
  top: -80px;
  transform: rotate(-8deg);
  animation-delay: 2638ms;
}
#number_5 {
  top: -75px;
  transform: rotate(-7.5deg);
  animation-delay: 4102ms;
}
#number_6 {
  top: -70px;
  transform: rotate(-7deg);
  animation-delay: 1529ms;
}
#number_7 {
  top: -65px;
  transform: rotate(-6.5deg);
  animation-delay: 2187ms;
}
#number_8 {
  top: -60px;
  transform: rotate(-6deg);
  animation-delay: 5999ms;
}
#number_9 {
  top: -55px;
  transform: rotate(-5.5deg);
  animation-delay: 1990ms;
}
#number_10 {
  top: -50px;
  transform: rotate(-5deg);
  animation-delay: 2226ms;
}
#number_11 {
  top: -45px;
  transform: rotate(-4.5deg);
  animation-delay: 1415ms;
}
#number_12 {
  top: -40px;
  transform: rotate(-4deg);
  animation-delay: 1992ms;
}
#number_13 {
  top: -35px;
  transform: rotate(-3.5deg);
  animation-delay: 4752ms;
}
#number_14 {
  top: -30px;
  transform: rotate(-3deg);
  animation-delay: 4950ms;
}
#number_15 {
  top: -25px;
  transform: rotate(-2.5deg);
  animation-delay: 4414ms;
}
#number_16 {
  top: -20px;
  transform: rotate(-2deg);
  animation-delay: 1030ms;
}
#number_17 {
  top: -15px;
  transform: rotate(-1.5deg);
  animation-delay: 702ms;
}
#number_18 {
  top: -10px;
  transform: rotate(-1deg);
  animation-delay: 1565ms;
}
#number_19 {
  top: -5px;
  transform: rotate(-0.5deg);
  animation-delay: 4911ms;
}
#number_20 {
  top: 0px;
  transform: rotate(0deg);
  animation-delay: 3461ms;
}
#number_21 {
  top: 5px;
  transform: rotate(0.5deg);
  animation-delay: 2788ms;
}
#number_22 {
  top: 10px;
  transform: rotate(1deg);
  animation-delay: 3996ms;
}
#number_23 {
  top: 15px;
  transform: rotate(1.5deg);
  animation-delay: 1382ms;
}
#number_24 {
  top: 20px;
  transform: rotate(2deg);
  animation-delay: 4017ms;
}
#number_25 {
  top: 25px;
  transform: rotate(2.5deg);
  animation-delay: 1934ms;
}
#number_26 {
  top: 30px;
  transform: rotate(3deg);
  animation-delay: 578ms;
}
#number_27 {
  top: 35px;
  transform: rotate(3.5deg);
  animation-delay: 283ms;
}
#number_28 {
  top: 40px;
  transform: rotate(4deg);
  animation-delay: 2514ms;
}
#number_29 {
  top: 45px;
  transform: rotate(4.5deg);
  animation-delay: 3530ms;
}
#number_30 {
  top: 50px;
  transform: rotate(5deg);
  animation-delay: 2435ms;
}
#number_31 {
  top: 55px;
  transform: rotate(5.5deg);
  animation-delay: 759ms;
}
#number_32 {
  top: 60px;
  transform: rotate(6deg);
  animation-delay: 5340ms;
}
#number_33 {
  top: 65px;
  transform: rotate(6.5deg);
  animation-delay: 1467ms;
}
#number_34 {
  top: 70px;
  transform: rotate(7deg);
  animation-delay: 2517ms;
}
#number_35 {
  top: 75px;
  transform: rotate(7.5deg);
  animation-delay: 3436ms;
}
#number_36 {
  top: 80px;
  transform: rotate(8deg);
  animation-delay: 1625ms;
}
#number_37 {
  top: 85px;
  transform: rotate(8.5deg);
  animation-delay: 2139ms;
}
#number_38 {
  top: 90px;
  transform: rotate(9deg);
  animation-delay: 5906ms;
}
#number_39 {
  top: 95px;
  transform: rotate(9.5deg);
  animation-delay: 1174ms;
}
#number_40 {
  top: 100px;
  transform: rotate(10deg);
  animation-delay: 973ms;
}
#number_41 {
  top: 105px;
  transform: rotate(10.5deg);
  animation-delay: 5258ms;
}
#number_42 {
  top: 110px;
  transform: rotate(11deg);
  animation-delay: 4165ms;
}
#number_43 {
  top: 115px;
  transform: rotate(11.5deg);
  animation-delay: 2382ms;
}
#number_44 {
  top: 120px;
  transform: rotate(12deg);
  animation-delay: 2932ms;
}
#number_45 {
  top: 125px;
  transform: rotate(12.5deg);
  animation-delay: 5462ms;
}
#number_46 {
  top: 130px;
  transform: rotate(13deg);
  animation-delay: 243ms;
}
#number_47 {
  top: 135px;
  transform: rotate(13.5deg);
  animation-delay: 5232ms;
}
#number_48 {
  top: 140px;
  transform: rotate(14deg);
  animation-delay: 5600ms;
}
#number_49 {
  top: 145px;
  transform: rotate(14.5deg);
  animation-delay: 2493ms;
}
#number_50 {
  top: 150px;
  transform: rotate(15deg);
  animation-delay: 3881ms;
}
#number_51 {
  top: 155px;
  transform: rotate(15.5deg);
  animation-delay: 2023ms;
}
#number_52 {
  top: 160px;
  transform: rotate(16deg);
  animation-delay: 529ms;
}
#number_53 {
  top: 165px;
  transform: rotate(16.5deg);
  animation-delay: 2296ms;
}
#number_54 {
  top: 170px;
  transform: rotate(17deg);
  animation-delay: 1713ms;
}
#number_55 {
  top: 175px;
  transform: rotate(17.5deg);
  animation-delay: 614ms;
}
#number_56 {
  top: 180px;
  transform: rotate(18deg);
  animation-delay: 5804ms;
}
#number_57 {
  top: 185px;
  transform: rotate(18.5deg);
  animation-delay: 2393ms;
}
#number_58 {
  top: 190px;
  transform: rotate(19deg);
  animation-delay: 1513ms;
}
#number_59 {
  top: 195px;
  transform: rotate(19.5deg);
  animation-delay: 766ms;
}
#number_60 {
  top: 200px;
  transform: rotate(20deg);
  animation-delay: 1422ms;
}
#number_61 {
  top: 205px;
  transform: rotate(20.5deg);
  animation-delay: 5855ms;
}
#number_62 {
  top: 210px;
  transform: rotate(21deg);
  animation-delay: 3705ms;
}
#number_63 {
  top: 215px;
  transform: rotate(21.5deg);
  animation-delay: 4687ms;
}
#number_64 {
  top: 220px;
  transform: rotate(22deg);
  animation-delay: 819ms;
}
#number_65 {
  top: 225px;
  transform: rotate(22.5deg);
  animation-delay: 572ms;
}
#number_66 {
  top: 230px;
  transform: rotate(23deg);
  animation-delay: 3982ms;
}
#number_67 {
  top: 235px;
  transform: rotate(23.5deg);
  animation-delay: 2586ms;
}
#number_68 {
  top: 240px;
  transform: rotate(24deg);
  animation-delay: 2710ms;
}
#number_69 {
  top: 245px;
  transform: rotate(24.5deg);
  animation-delay: 185ms;
}
#number_70 {
  top: 250px;
  transform: rotate(25deg);
  animation-delay: 2262ms;
}
#number_71 {
  top: 255px;
  transform: rotate(25.5deg);
  animation-delay: 2516ms;
}
#number_72 {
  top: 260px;
  transform: rotate(26deg);
  animation-delay: 1404ms;
}
#number_73 {
  top: 265px;
  transform: rotate(26.5deg);
  animation-delay: 4668ms;
}
#number_74 {
  top: 270px;
  transform: rotate(27deg);
  animation-delay: 118ms;
}
#number_75 {
  top: 275px;
  transform: rotate(27.5deg);
  animation-delay: 5398ms;
}
#number_76 {
  top: 280px;
  transform: rotate(28deg);
  animation-delay: 491ms;
}
#number_77 {
  top: 285px;
  transform: rotate(28.5deg);
  animation-delay: 499ms;
}
#number_78 {
  top: 290px;
  transform: rotate(29deg);
  animation-delay: 5461ms;
}
#number_79 {
  top: 295px;
  transform: rotate(29.5deg);
  animation-delay: 1782ms;
}
#number_80 {
  top: 300px;
  transform: rotate(30deg);
  animation-delay: 5630ms;
}
#number_81 {
  top: 305px;
  transform: rotate(30.5deg);
  animation-delay: 4236ms;
}
#number_82 {
  top: 310px;
  transform: rotate(31deg);
  animation-delay: 4346ms;
}
#number_83 {
  top: 315px;
  transform: rotate(31.5deg);
  animation-delay: 3275ms;
}
#number_84 {
  top: 320px;
  transform: rotate(32deg);
  animation-delay: 4741ms;
}
#number_85 {
  top: 325px;
  transform: rotate(32.5deg);
  animation-delay: 5626ms;
}
#number_86 {
  top: 330px;
  transform: rotate(33deg);
  animation-delay: 1083ms;
}
#number_87 {
  top: 335px;
  transform: rotate(33.5deg);
  animation-delay: 5168ms;
}
#number_88 {
  top: 340px;
  transform: rotate(34deg);
  animation-delay: 3342ms;
}
#number_89 {
  top: 345px;
  transform: rotate(34.5deg);
  animation-delay: 379ms;
}
#number_90 {
  top: 350px;
  transform: rotate(35deg);
  animation-delay: 4467ms;
}
#number_91 {
  top: 355px;
  transform: rotate(35.5deg);
  animation-delay: 1929ms;
}
#number_92 {
  top: 360px;
  transform: rotate(36deg);
  animation-delay: 5950ms;
}
#number_93 {
  top: 365px;
  transform: rotate(36.5deg);
  animation-delay: 2180ms;
}
#number_94 {
  top: 370px;
  transform: rotate(37deg);
  animation-delay: 2691ms;
}
#number_95 {
  top: 375px;
  transform: rotate(37.5deg);
  animation-delay: 630ms;
}
#number_96 {
  top: 380px;
  transform: rotate(38deg);
  animation-delay: 1134ms;
}
#number_97 {
  top: 385px;
  transform: rotate(38.5deg);
  animation-delay: 2422ms;
}
#number_98 {
  top: 390px;
  transform: rotate(39deg);
  animation-delay: 5161ms;
}
#number_99 {
  top: 395px;
  transform: rotate(39.5deg);
  animation-delay: 574ms;
}
#number_100 {
  top: 400px;
  transform: rotate(40deg);
  animation-delay: 4331ms;
}
#number_101 {
  top: 405px;
  transform: rotate(40.5deg);
  animation-delay: 3173ms;
}
#number_102 {
  top: 410px;
  transform: rotate(41deg);
  animation-delay: 5674ms;
}
#number_103 {
  top: 415px;
  transform: rotate(41.5deg);
  animation-delay: 2897ms;
}
#number_104 {
  top: 420px;
  transform: rotate(42deg);
  animation-delay: 557ms;
}
#number_105 {
  top: 425px;
  transform: rotate(42.5deg);
  animation-delay: 1083ms;
}
#number_106 {
  top: 430px;
  transform: rotate(43deg);
  animation-delay: 2704ms;
}
#number_107 {
  top: 435px;
  transform: rotate(43.5deg);
  animation-delay: 1454ms;
}
#number_108 {
  top: 440px;
  transform: rotate(44deg);
  animation-delay: 5725ms;
}
#number_109 {
  top: 445px;
  transform: rotate(44.5deg);
  animation-delay: 2733ms;
}
#number_110 {
  top: 450px;
  transform: rotate(45deg);
  animation-delay: 577ms;
}
#number_111 {
  top: 455px;
  transform: rotate(45.5deg);
  animation-delay: 5164ms;
}
#number_112 {
  top: 460px;
  transform: rotate(46deg);
  animation-delay: 3778ms;
}
#number_113 {
  top: 465px;
  transform: rotate(46.5deg);
  animation-delay: 152ms;
}
#number_114 {
  top: 470px;
  transform: rotate(47deg);
  animation-delay: 3492ms;
}
#number_115 {
  top: 475px;
  transform: rotate(47.5deg);
  animation-delay: 2987ms;
}
#number_116 {
  top: 480px;
  transform: rotate(48deg);
  animation-delay: 560ms;
}
#number_117 {
  top: 485px;
  transform: rotate(48.5deg);
  animation-delay: 5182ms;
}
#number_118 {
  top: 490px;
  transform: rotate(49deg);
  animation-delay: 155ms;
}
#number_119 {
  top: 495px;
  transform: rotate(49.5deg);
  animation-delay: 4197ms;
}
#number_120 {
  top: 500px;
  transform: rotate(50deg);
  animation-delay: 5676ms;
}
#number_121 {
  top: 505px;
  transform: rotate(50.5deg);
  animation-delay: 5839ms;
}
#number_122 {
  top: 510px;
  transform: rotate(51deg);
  animation-delay: 4302ms;
}
#number_123 {
  top: 515px;
  transform: rotate(51.5deg);
  animation-delay: 1117ms;
}
#number_124 {
  top: 520px;
  transform: rotate(52deg);
  animation-delay: 3743ms;
}
#number_125 {
  top: 525px;
  transform: rotate(52.5deg);
  animation-delay: 5983ms;
}
#number_126 {
  top: 530px;
  transform: rotate(53deg);
  animation-delay: 2449ms;
}
#number_127 {
  top: 535px;
  transform: rotate(53.5deg);
  animation-delay: 2166ms;
}
#number_128 {
  top: 540px;
  transform: rotate(54deg);
  animation-delay: 2962ms;
}
#number_129 {
  top: 545px;
  transform: rotate(54.5deg);
  animation-delay: 860ms;
}
#number_130 {
  top: 550px;
  transform: rotate(55deg);
  animation-delay: 4044ms;
}
#number_131 {
  top: 555px;
  transform: rotate(55.5deg);
  animation-delay: 2721ms;
}
#number_132 {
  top: 560px;
  transform: rotate(56deg);
  animation-delay: 3684ms;
}
#number_133 {
  top: 565px;
  transform: rotate(56.5deg);
  animation-delay: 4268ms;
}
#number_134 {
  top: 570px;
  transform: rotate(57deg);
  animation-delay: 5656ms;
}
#number_135 {
  top: 575px;
  transform: rotate(57.5deg);
  animation-delay: 5700ms;
}
#number_136 {
  top: 580px;
  transform: rotate(58deg);
  animation-delay: 1251ms;
}
#number_137 {
  top: 585px;
  transform: rotate(58.5deg);
  animation-delay: 5739ms;
}
#number_138 {
  top: 590px;
  transform: rotate(59deg);
  animation-delay: 2840ms;
}
#number_139 {
  top: 595px;
  transform: rotate(59.5deg);
  animation-delay: 1523ms;
}
#number_140 {
  top: 600px;
  transform: rotate(60deg);
  animation-delay: 663ms;
}
@keyframes spark {
  0% {
    transform: scale(0.1) translate(-20vw, 0);
  }
  100% {
    transform: scale(1) translate(150vw, 100%);
  }
}