@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext");
:root {
    --font-family-main: "Poppins", sans-serif;
    --steam-color: rgba(156, 163, 175, 0.4);
    --steam-color-mid: rgba(156, 163, 175, 0.45);
    --lid-gradient-start: rgb(29, 163, 200);
    --lid-gradient-end: rgb(116, 167, 168);
    --lid-knob-color: #E76F51;
    --pot-gradient-start: rgb(176, 154, 62);
    --pot-gradient-end: rgba(37, 114, 102, 0.8);
    --pot-border-color: rgba(231, 111, 81, 0.4);
    --handle-left-bg: rgba(52, 165, 135, 0.9);
    --handle-left-border: rgba(17, 94, 101, 0.6);
    --handle-right-bg: rgba(50, 166, 182, 0.9);
    --handle-right-border: rgba(64, 114, 145, 0.6);
    --shine-color: rgba(255, 255, 255, 0.51);
    --bubble-color: rgba(19, 247, 228, 0.66);
    --flame-gradient-start: #FF9F1C;
    --flame-gradient-end: #E71D36;

    --app-bg: #1e1e1e;
    --toolbar-bg: #262626;
    --toolbar-border: #333333;
    --tool-hover: #3a3a3a;
    --tool-active: #454545;
    --accent: #e07a5f;
    --text-main: #e0e0e0;
    --text-muted: #666666;
    
    --shadow-tool: 0 2px 5px rgba(0,0,0,0.2);
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
/* html{
  min-width: 100vw;
  min-height: 100vh;
} */
body {
  background: #150f2b;
  overflow: hidden;
  height: 100vh;
  width: 100vw; 
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  /*color: var(--text-main);*/
}

.uno{
    position: relative;
    display: flex;
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 150px;
    gap: 1px;
    top: 29px;
    left: 129px;
    transform: translate(-50% -50%);
    user-select: none;
    pointer-events: none; 
    z-index: 1;
}

.App-logo { 
 
  position: relative;
  display: flex;
  user-select: none;
  pointer-events: none; 
}

h1 {
  
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  pointer-events: none; 
  font-weight: 500;
  color: aliceblue;
  text-shadow: 2px 2px 0px rgba(6, 243, 231, 0.856), 
           -1px -1px 0px rgba(245, 244, 244, 0.842);
  letter-spacing: 1px;
  left: 0px;
  top: -15px;
  font-size: 37px;
  height: auto;
  width: auto;
  transform: translate(-50% -50%);
  z-index: 10;
}
h2 {
  
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  pointer-events: none; 
  font-weight: 600;
  color: #0536bd;
  text-shadow: 2px 2px 0px rgba(9, 146, 226, 0.856), 
           -1px -1px 0px rgba(245, 244, 244, 0.842); 
  letter-spacing: 1px;
  left: 0px;
  top: -15px;
  font-size: 37px;
  height: auto;
  width: auto;
  transform: translate(-50% -50%);
  z-index: 10;
}
h3 {
  position: relative;
  background-position: center;
    background-clip: text;
    font-size: 15px;
    font-weight: 500;
    line-height: -2px;
    right: 1px;
    transform: translate(-50% -50%);
    top: -5px;
    left: 43px;
    justify-content: center;
    align-items: center;
    text-align: center;
    user-select: none;
    pointer-events: none; 
    z-index: 2;
    --interval: 1s;
   animation: flicker steps(100) var(--interval) 1s infinite; 
  color:#809701;text-shadow:0px 1px 0px #000,0 0 10px #05B7FF, 10px -10px 15px #05B7FF, -20px -20px 20px #05B7FF, 20px -40px 25px #05B7FF, -20px -60px 10px #05B7FF, 0 -80px 30px #05B7FF, 10px -90px 40px #05B7FF,2px 2px 10px #05B7FF,0 0 1px #05B7FF, 0 0 2px #05B7FF, 0 0 5px #05B7FF, 0 0 5px #05B7FF, 0 0 5px #05B7FF, 0 0 10px #05B7FF, 0 0 20px #05B7FF, 0 0 30px #05B7FF,0 0 10px #FFFFFF,-2px 0 5px #FFFFFF,0 2px 5px #FFFFFF,0 -2px 5px #FFFFFF;}

  @keyframes flicker {
    50% {
      color: rgb(29, 77, 2);
      filter: saturate(200%) hue-rotate(20deg);
    }}  


.center {
 /*  visibility: hidden;  
  opacity: 1;  */
  text-align: center;
  justify-content: center;
  align-items: center;
  top: -5%;
  left: 0; 
  transform: translate(-50% -50%);
  height: 100vh;
  width: 100%;
  position: fixed;
  display: flex;
  user-select: none;
}

.ring {
  position: absolute;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  display: block;
  left: 26vw;
  top: 0;
  margin-top: 50vh;
  /* transform: translate(-50% -50%); */
  border-radius: 50%;
  animation: ring 2s linear infinite;

  @media (width < 361px) {
    left: 20%;
  }
}
#msgFact {
  position: fixed;
  width: 100%;
  color: #737373;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  left: -10px;
  letter-spacing: 1px;
  line-height: 200px;
  animation: text 3s ease-in-out infinite;
  top: 45vh;
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
    box-shadow: 1px 5px 2px #e65c00;
  }
  50% {
    transform: rotate(180deg);
    box-shadow: 1px 5px 2px #18b201;
  }
  100% {
    transform: rotate(0360deg);
    box-shadow: 1px 5px 2px #0456c8;
  }
}

@keyframes text {
  50% {
    color: rgb(240, 166, 6);
  }
}

@media (max-width:400px) and (max-height:999px)
{
  #uno{
    margin-top: 20px;
    left: 113px;
   }

   #quemador{
    left: 179px;
   }

}

@media (max-width:361px) and (max-height:999px)
{
  #uno{
    margin-top: 20px;
    left: 113px;
   }

   #quemador{
    left: 179px;
   }


}

@media (max-width:361px) and (max-height:700px)
{
  #uno{
    margin-top: 20px;
    left: 113px;
   }
   h2{
    left: 9px;
   }
   #quemador{
    left: 179px;
   }

}


.divi {
  background: radial-gradient(#f9a322, #e94d02);
  box-shadow: 0 0 7px #e83b00;
  position: relative;
  top: -20vh;
  z-index: 20;
}

.divi:nth-child(1) {
  -webkit-animation: anim 20s infinite linear 1s, anim-1 4s infinite ease-in 3s;
          animation: anim 20s infinite linear 1s, anim-1 4s infinite ease-in 3s;
  width: 6px;
  height: 3px;
  transform: translate3d(83vw, 100vh, 0) rotate(56deg) rotateY(31deg) rotateX(101deg);
}

@-webkit-keyframes anim-1 {
  100% {
    transform: translate3d(91vw, 0vh, 0) scale(0.5) rotate(152deg) rotateY(9deg) rotateX(102deg) rotateZ(127deg);
  }
}

@keyframes anim-1 {
  100% {
    transform: translate3d(91vw, 0vh, 0) scale(0.5) rotate(152deg) rotateY(9deg) rotateX(102deg) rotateZ(127deg);
  }
}
.divi:nth-child(2) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-2 2s infinite ease-in 1s;
          animation: anim 20s infinite linear 0.8s, anim-2 2s infinite ease-in 1s;
  width: 1px;
  height: 7px;
  transform: translate3d(31vw, 100vh, 0) rotate(165deg) rotateY(86deg) rotateX(176deg);
}

@-webkit-keyframes anim-2 {
  100% {
    transform: translate3d(40vw, 0vh, 0) scale(0.5) rotate(132deg) rotateY(154deg) rotateX(77deg) rotateZ(167deg);
  }
}

@keyframes anim-2 {
  100% {
    transform: translate3d(40vw, 0vh, 0) scale(0.5) rotate(132deg) rotateY(154deg) rotateX(77deg) rotateZ(167deg);
  }
}
.divi:nth-child(3) {
  -webkit-animation: anim 20s infinite linear 0.6s, anim-3 5s infinite ease-in 3s;
          animation: anim 20s infinite linear 0.6s, anim-3 5s infinite ease-in 3s;
  width: 8px;
  height: 4px;
  transform: translate3d(100vw, 100vh, 0) rotate(169deg) rotateY(44deg) rotateX(75deg);
}

@-webkit-keyframes anim-3 {
  100% {
    transform: translate3d(79vw, 0vh, 0) scale(0.5) rotate(43deg) rotateY(168deg) rotateX(15deg) rotateZ(50deg);
  }
}

@keyframes anim-3 {
  100% {
    transform: translate3d(79vw, 0vh, 0) scale(0.5) rotate(43deg) rotateY(168deg) rotateX(15deg) rotateZ(50deg);
  }
}
.divi:nth-child(4) {
  -webkit-animation: anim 20s infinite linear 0.2s, anim-4 3s infinite ease-in 3s;
          animation: anim 20s infinite linear 0.2s, anim-4 3s infinite ease-in 3s;
  width: 9px;
  height: 12px;
  transform: translate3d(25vw, 100vh, 0) rotate(124deg) rotateY(168deg) rotateX(123deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-4 {
  100% {
    transform: translate3d(60vw, 0vh, 0) scale(0.5) rotate(171deg) rotateY(156deg) rotateX(54deg) rotateZ(30deg);
  }
}

@keyframes anim-4 {
  100% {
    transform: translate3d(60vw, 0vh, 0) scale(0.5) rotate(171deg) rotateY(156deg) rotateX(54deg) rotateZ(30deg);
  }
}
.divi:nth-child(5) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-5 4s infinite ease-in 3s;
          animation: anim 20s infinite linear 0.5s, anim-5 4s infinite ease-in 3s;
  width: 10px;
  height: 12px;
  transform: translate3d(69vw, 100vh, 0) rotate(112deg) rotateY(98deg) rotateX(16deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-5 {
  100% {
    transform: translate3d(13vw, 0vh, 0) scale(0.5) rotate(5deg) rotateY(47deg) rotateX(138deg) rotateZ(7deg);
  }
}

@keyframes anim-5 {
  100% {
    transform: translate3d(13vw, 0vh, 0) scale(0.5) rotate(5deg) rotateY(47deg) rotateX(138deg) rotateZ(7deg);
  }
}
.divi:nth-child(6) {
  -webkit-animation: anim 20s infinite linear 0.2s, anim-6 5s infinite ease-in 1s;
          animation: anim 20s infinite linear 0.2s, anim-6 5s infinite ease-in 1s;
  width: 9px;
  height: 7px;
  transform: translate3d(17vw, 100vh, 0) rotate(54deg) rotateY(153deg) rotateX(87deg);
}

@-webkit-keyframes anim-6 {
  100% {
    transform: translate3d(88vw, 0vh, 0) scale(0.5) rotate(115deg) rotateY(119deg) rotateX(127deg) rotateZ(172deg);
  }
}

@keyframes anim-6 {
  100% {
    transform: translate3d(88vw, 0vh, 0) scale(0.5) rotate(115deg) rotateY(119deg) rotateX(127deg) rotateZ(172deg);
  }
}
.divi:nth-child(7) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-7 4s infinite ease-in 9s;
          animation: anim 20s infinite linear 0.8s, anim-7 4s infinite ease-in 9s;
  width: 1px;
  height: 4px;
  transform: translate3d(6vw, 100vh, 0) rotate(29deg) rotateY(157deg) rotateX(113deg);
}

@-webkit-keyframes anim-7 {
  100% {
    transform: translate3d(39vw, 0vh, 0) scale(0.5) rotate(70deg) rotateY(161deg) rotateX(24deg) rotateZ(100deg);
  }
}

@keyframes anim-7 {
  100% {
    transform: translate3d(39vw, 0vh, 0) scale(0.5) rotate(70deg) rotateY(161deg) rotateX(24deg) rotateZ(100deg);
  }
}
.divi:nth-child(8) {
  -webkit-animation: anim 20s infinite linear 0.6s, anim-8 3s infinite ease-in 2s;
          animation: anim 20s infinite linear 0.6s, anim-8 3s infinite ease-in 2s;
  width: 3px;
  height: 2px;
  transform: translate3d(94vw, 100vh, 0) rotate(69deg) rotateY(55deg) rotateX(39deg);
}

@-webkit-keyframes anim-8 {
  100% {
    transform: translate3d(37vw, 0vh, 0) scale(0.5) rotate(52deg) rotateY(35deg) rotateX(17deg) rotateZ(78deg);
  }
}

@keyframes anim-8 {
  100% {
    transform: translate3d(37vw, 0vh, 0) scale(0.5) rotate(52deg) rotateY(35deg) rotateX(17deg) rotateZ(78deg);
  }
}
.divi:nth-child(9) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-9 3s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.7s, anim-9 3s infinite ease-in 5s;
  width: 10px;
  height: 4px;
  transform: translate3d(40vw, 100vh, 0) rotate(17deg) rotateY(5deg) rotateX(96deg);
}

@-webkit-keyframes anim-9 {
  100% {
    transform: translate3d(46vw, 0vh, 0) scale(0.5) rotate(180deg) rotateY(33deg) rotateX(141deg) rotateZ(96deg);
  }
}

@keyframes anim-9 {
  100% {
    transform: translate3d(46vw, 0vh, 0) scale(0.5) rotate(180deg) rotateY(33deg) rotateX(141deg) rotateZ(96deg);
  }
}
.divi:nth-child(10) {
  -webkit-animation: anim 20s infinite linear 0.2s, anim-10 5s infinite ease-in 10s;
          animation: anim 20s infinite linear 0.2s, anim-10 5s infinite ease-in 10s;
  width: 8px;
  height: 7px;
  transform: translate3d(82vw, 100vh, 0) rotate(105deg) rotateY(124deg) rotateX(75deg);
}

@-webkit-keyframes anim-10 {
  100% {
    transform: translate3d(47vw, 0vh, 0) scale(0.5) rotate(156deg) rotateY(96deg) rotateX(31deg) rotateZ(144deg);
  }
}

@keyframes anim-10 {
  100% {
    transform: translate3d(47vw, 0vh, 0) scale(0.5) rotate(156deg) rotateY(96deg) rotateX(31deg) rotateZ(144deg);
  }
}
.divi:nth-child(11) {
  -webkit-animation: anim 20s infinite linear 0.9s, anim-11 4s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.9s, anim-11 4s infinite ease-in 5s;
  width: 5px;
  height: 2px;
  transform: translate3d(28vw, 100vh, 0) rotate(114deg) rotateY(156deg) rotateX(124deg);
}

@-webkit-keyframes anim-11 {
  100% {
    transform: translate3d(45vw, 0vh, 0) scale(0.5) rotate(116deg) rotateY(101deg) rotateX(33deg) rotateZ(52deg);
  }
}

@keyframes anim-11 {
  100% {
    transform: translate3d(45vw, 0vh, 0) scale(0.5) rotate(116deg) rotateY(101deg) rotateX(33deg) rotateZ(52deg);
  }
}
.divi:nth-child(12) {
  -webkit-animation: anim 20s infinite linear 0.9s, anim-12 4s infinite ease-in 2s;
          animation: anim 20s infinite linear 0.9s, anim-12 4s infinite ease-in 2s;
  width: 10px;
  height: 1px;
  transform: translate3d(30vw, 100vh, 0) rotate(140deg) rotateY(47deg) rotateX(95deg);
}

@-webkit-keyframes anim-12 {
  100% {
    transform: translate3d(63vw, 0vh, 0) scale(0.5) rotate(106deg) rotateY(180deg) rotateX(69deg) rotateZ(1deg);
  }
}

@keyframes anim-12 {
  100% {
    transform: translate3d(63vw, 0vh, 0) scale(0.5) rotate(106deg) rotateY(180deg) rotateX(69deg) rotateZ(1deg);
  }
}
.divi:nth-child(13) {
  -webkit-animation: anim 20s infinite linear 1s, anim-13 3s infinite ease-in 2s;
          animation: anim 20s infinite linear 1s, anim-13 3s infinite ease-in 2s;
  width: 8px;
  height: 4px;
  transform: translate3d(82vw, 100vh, 0) rotate(91deg) rotateY(131deg) rotateX(106deg);
}

@-webkit-keyframes anim-13 {
  100% {
    transform: translate3d(83vw, 0vh, 0) scale(0.5) rotate(170deg) rotateY(58deg) rotateX(20deg) rotateZ(88deg);
  }
}

@keyframes anim-13 {
  100% {
    transform: translate3d(83vw, 0vh, 0) scale(0.5) rotate(170deg) rotateY(58deg) rotateX(20deg) rotateZ(88deg);
  }
}
.divi:nth-child(14) {
  -webkit-animation: anim 20s infinite linear 1s, anim-14 4s infinite ease-in 2s;
          animation: anim 20s infinite linear 1s, anim-14 4s infinite ease-in 2s;
  width: 3px;
  height: 6px;
  transform: translate3d(50vw, 100vh, 0) rotate(143deg) rotateY(126deg) rotateX(148deg);
}

@-webkit-keyframes anim-14 {
  100% {
    transform: translate3d(80vw, 0vh, 0) scale(0.5) rotate(1deg) rotateY(50deg) rotateX(9deg) rotateZ(56deg);
  }
}

@keyframes anim-14 {
  100% {
    transform: translate3d(80vw, 0vh, 0) scale(0.5) rotate(1deg) rotateY(50deg) rotateX(9deg) rotateZ(56deg);
  }
}
.divi:nth-child(15) {
  -webkit-animation: anim 20s infinite linear 0.1s, anim-15 2s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.1s, anim-15 2s infinite ease-in 5s;
  width: 3px;
  height: 6px;
  transform: translate3d(65vw, 100vh, 0) rotate(41deg) rotateY(164deg) rotateX(31deg);
}

@-webkit-keyframes anim-15 {
  100% {
    transform: translate3d(44vw, 0vh, 0) scale(0.5) rotate(111deg) rotateY(152deg) rotateX(25deg) rotateZ(40deg);
  }
}

@keyframes anim-15 {
  100% {
    transform: translate3d(44vw, 0vh, 0) scale(0.5) rotate(111deg) rotateY(152deg) rotateX(25deg) rotateZ(40deg);
  }
}
.divi:nth-child(16) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-16 2s infinite ease-in 4s;
          animation: anim 20s infinite linear 0.5s, anim-16 2s infinite ease-in 4s;
  width: 9px;
  height: 2px;
  transform: translate3d(30vw, 100vh, 0) rotate(19deg) rotateY(72deg) rotateX(8deg);
}

@-webkit-keyframes anim-16 {
  100% {
    transform: translate3d(39vw, 0vh, 0) scale(0.5) rotate(137deg) rotateY(91deg) rotateX(145deg) rotateZ(119deg);
  }
}

@keyframes anim-16 {
  100% {
    transform: translate3d(39vw, 0vh, 0) scale(0.5) rotate(137deg) rotateY(91deg) rotateX(145deg) rotateZ(119deg);
  }
}
.divi:nth-child(17) {
  -webkit-animation: anim 20s infinite linear 0.2s, anim-17 4s infinite ease-in 1s;
          animation: anim 20s infinite linear 0.2s, anim-17 4s infinite ease-in 1s;
  width: 8px;
  height: 11px;
  transform: translate3d(9vw, 100vh, 0) rotate(105deg) rotateY(128deg) rotateX(170deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-17 {
  100% {
    transform: translate3d(52vw, 0vh, 0) scale(0.5) rotate(26deg) rotateY(66deg) rotateX(57deg) rotateZ(16deg);
  }
}

@keyframes anim-17 {
  100% {
    transform: translate3d(52vw, 0vh, 0) scale(0.5) rotate(26deg) rotateY(66deg) rotateX(57deg) rotateZ(16deg);
  }
}
.divi:nth-child(18) {
  -webkit-animation: anim 20s infinite linear 1s, anim-18 2s infinite ease-in 4s;
          animation: anim 20s infinite linear 1s, anim-18 2s infinite ease-in 4s;
  width: 9px;
  height: 11px;
  transform: translate3d(13vw, 100vh, 0) rotate(46deg) rotateY(116deg) rotateX(117deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-18 {
  100% {
    transform: translate3d(43vw, 0vh, 0) scale(0.5) rotate(15deg) rotateY(164deg) rotateX(170deg) rotateZ(4deg);
  }
}

@keyframes anim-18 {
  100% {
    transform: translate3d(43vw, 0vh, 0) scale(0.5) rotate(15deg) rotateY(164deg) rotateX(170deg) rotateZ(4deg);
  }
}
.divi:nth-child(19) {
  -webkit-animation: anim 20s infinite linear 0.9s, anim-19 4s infinite ease-in 3s;
          animation: anim 20s infinite linear 0.9s, anim-19 4s infinite ease-in 3s;
  width: 2px;
  height: 2px;
  transform: translate3d(98vw, 100vh, 0) rotate(22deg) rotateY(124deg) rotateX(136deg);
}

@-webkit-keyframes anim-19 {
  100% {
    transform: translate3d(43vw, 0vh, 0) scale(0.5) rotate(75deg) rotateY(40deg) rotateX(143deg) rotateZ(18deg);
  }
}

@keyframes anim-19 {
  100% {
    transform: translate3d(43vw, 0vh, 0) scale(0.5) rotate(75deg) rotateY(40deg) rotateX(143deg) rotateZ(18deg);
  }
}
.divi:nth-child(20) {
  -webkit-animation: anim 20s infinite linear 0.4s, anim-20 5s infinite ease-in 8s;
          animation: anim 20s infinite linear 0.4s, anim-20 5s infinite ease-in 8s;
  width: 5px;
  height: 6px;
  transform: translate3d(87vw, 100vh, 0) rotate(62deg) rotateY(112deg) rotateX(54deg);
}

@-webkit-keyframes anim-20 {
  100% {
    transform: translate3d(9vw, 0vh, 0) scale(0.5) rotate(55deg) rotateY(30deg) rotateX(81deg) rotateZ(20deg);
  }
}

@keyframes anim-20 {
  100% {
    transform: translate3d(9vw, 0vh, 0) scale(0.5) rotate(55deg) rotateY(30deg) rotateX(81deg) rotateZ(20deg);
  }
}
.divi:nth-child(21) {
  -webkit-animation: anim 20s infinite linear 0.9s, anim-21 4s infinite ease-in 9s;
          animation: anim 20s infinite linear 0.9s, anim-21 4s infinite ease-in 9s;
  width: 2px;
  height: 4px;
  transform: translate3d(84vw, 100vh, 0) rotate(44deg) rotateY(48deg) rotateX(32deg);
}

@-webkit-keyframes anim-21 {
  100% {
    transform: translate3d(54vw, 0vh, 0) scale(0.5) rotate(70deg) rotateY(65deg) rotateX(136deg) rotateZ(107deg);
  }
}

@keyframes anim-21 {
  100% {
    transform: translate3d(54vw, 0vh, 0) scale(0.5) rotate(70deg) rotateY(65deg) rotateX(136deg) rotateZ(107deg);
  }
}
.divi:nth-child(22) {
  -webkit-animation: anim 20s infinite linear 0.3s, anim-22 4s infinite ease-in 7s;
          animation: anim 20s infinite linear 0.3s, anim-22 4s infinite ease-in 7s;
  width: 3px;
  height: 5px;
  transform: translate3d(23vw, 100vh, 0) rotate(11deg) rotateY(89deg) rotateX(171deg);
}

@-webkit-keyframes anim-22 {
  100% {
    transform: translate3d(88vw, 0vh, 0) scale(0.5) rotate(5deg) rotateY(32deg) rotateX(168deg) rotateZ(8deg);
  }
}

@keyframes anim-22 {
  100% {
    transform: translate3d(88vw, 0vh, 0) scale(0.5) rotate(5deg) rotateY(32deg) rotateX(168deg) rotateZ(8deg);
  }
}
.divi:nth-child(23) {
  -webkit-animation: anim 20s infinite linear 0.6s, anim-23 4s infinite ease-in 4s;
          animation: anim 20s infinite linear 0.6s, anim-23 4s infinite ease-in 4s;
  width: 6px;
  height: 4px;
  transform: translate3d(7vw, 100vh, 0) rotate(119deg) rotateY(52deg) rotateX(135deg);
}

@-webkit-keyframes anim-23 {
  100% {
    transform: translate3d(59vw, 0vh, 0) scale(0.5) rotate(150deg) rotateY(87deg) rotateX(123deg) rotateZ(148deg);
  }
}

@keyframes anim-23 {
  100% {
    transform: translate3d(59vw, 0vh, 0) scale(0.5) rotate(150deg) rotateY(87deg) rotateX(123deg) rotateZ(148deg);
  }
}
.divi:nth-child(24) {
  -webkit-animation: anim 20s infinite linear 0.1s, anim-24 5s infinite ease-in 3s;
          animation: anim 20s infinite linear 0.1s, anim-24 5s infinite ease-in 3s;
  width: 7px;
  height: 3px;
  transform: translate3d(7vw, 100vh, 0) rotate(61deg) rotateY(31deg) rotateX(163deg);
}

@-webkit-keyframes anim-24 {
  100% {
    transform: translate3d(42vw, 0vh, 0) scale(0.5) rotate(91deg) rotateY(86deg) rotateX(95deg) rotateZ(61deg);
  }
}

@keyframes anim-24 {
  100% {
    transform: translate3d(42vw, 0vh, 0) scale(0.5) rotate(91deg) rotateY(86deg) rotateX(95deg) rotateZ(61deg);
  }
}
.divi:nth-child(25) {
  -webkit-animation: anim 20s infinite linear 0.9s, anim-25 3s infinite ease-in 4s;
          animation: anim 20s infinite linear 0.9s, anim-25 3s infinite ease-in 4s;
  width: 10px;
  height: 9px;
  transform: translate3d(47vw, 100vh, 0) rotate(19deg) rotateY(43deg) rotateX(26deg);
}

@-webkit-keyframes anim-25 {
  100% {
    transform: translate3d(11vw, 0vh, 0) scale(0.5) rotate(132deg) rotateY(103deg) rotateX(24deg) rotateZ(137deg);
  }
}

@keyframes anim-25 {
  100% {
    transform: translate3d(11vw, 0vh, 0) scale(0.5) rotate(132deg) rotateY(103deg) rotateX(24deg) rotateZ(137deg);
  }
}
.divi:nth-child(26) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-26 4s infinite ease-in 7s;
          animation: anim 20s infinite linear 0.8s, anim-26 4s infinite ease-in 7s;
  width: 7px;
  height: 11px;
  transform: translate3d(84vw, 100vh, 0) rotate(43deg) rotateY(42deg) rotateX(97deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-26 {
  100% {
    transform: translate3d(81vw, 0vh, 0) scale(0.5) rotate(119deg) rotateY(32deg) rotateX(64deg) rotateZ(31deg);
  }
}

@keyframes anim-26 {
  100% {
    transform: translate3d(81vw, 0vh, 0) scale(0.5) rotate(119deg) rotateY(32deg) rotateX(64deg) rotateZ(31deg);
  }
}
.divi:nth-child(27) {
  -webkit-animation: anim 20s infinite linear 0.1s, anim-27 4s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.1s, anim-27 4s infinite ease-in 5s;
  width: 6px;
  height: 9px;
  transform: translate3d(79vw, 100vh, 0) rotate(113deg) rotateY(143deg) rotateX(144deg);
}

@-webkit-keyframes anim-27 {
  100% {
    transform: translate3d(66vw, 0vh, 0) scale(0.5) rotate(120deg) rotateY(74deg) rotateX(110deg) rotateZ(29deg);
  }
}

@keyframes anim-27 {
  100% {
    transform: translate3d(66vw, 0vh, 0) scale(0.5) rotate(120deg) rotateY(74deg) rotateX(110deg) rotateZ(29deg);
  }
}
.divi:nth-child(28) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-28 3s infinite ease-in 2s;
          animation: anim 20s infinite linear 0.7s, anim-28 3s infinite ease-in 2s;
  width: 10px;
  height: 11px;
  transform: translate3d(68vw, 100vh, 0) rotate(1deg) rotateY(81deg) rotateX(135deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-28 {
  100% {
    transform: translate3d(49vw, 0vh, 0) scale(0.5) rotate(91deg) rotateY(91deg) rotateX(131deg) rotateZ(117deg);
  }
}

@keyframes anim-28 {
  100% {
    transform: translate3d(49vw, 0vh, 0) scale(0.5) rotate(91deg) rotateY(91deg) rotateX(131deg) rotateZ(117deg);
  }
}
.divi:nth-child(29) {
  -webkit-animation: anim 20s infinite linear 0.2s, anim-29 4s infinite ease-in 9s;
          animation: anim 20s infinite linear 0.2s, anim-29 4s infinite ease-in 9s;
  width: 9px;
  height: 1px;
  transform: translate3d(23vw, 100vh, 0) rotate(111deg) rotateY(68deg) rotateX(69deg);
}

@-webkit-keyframes anim-29 {
  100% {
    transform: translate3d(73vw, 0vh, 0) scale(0.5) rotate(137deg) rotateY(159deg) rotateX(168deg) rotateZ(49deg);
  }
}

@keyframes anim-29 {
  100% {
    transform: translate3d(73vw, 0vh, 0) scale(0.5) rotate(137deg) rotateY(159deg) rotateX(168deg) rotateZ(49deg);
  }
}
.divi:nth-child(30) {
  -webkit-animation: anim 20s infinite linear 0.2s, anim-30 2s infinite ease-in 4s;
          animation: anim 20s infinite linear 0.2s, anim-30 2s infinite ease-in 4s;
  width: 2px;
  height: 11px;
  transform: translate3d(57vw, 100vh, 0) rotate(23deg) rotateY(103deg) rotateX(57deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-30 {
  100% {
    transform: translate3d(66vw, 0vh, 0) scale(0.5) rotate(149deg) rotateY(156deg) rotateX(124deg) rotateZ(131deg);
  }
}

@keyframes anim-30 {
  100% {
    transform: translate3d(66vw, 0vh, 0) scale(0.5) rotate(149deg) rotateY(156deg) rotateX(124deg) rotateZ(131deg);
  }
}
.divi:nth-child(31) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-31 2s infinite ease-in 1s;
          animation: anim 20s infinite linear 0.5s, anim-31 2s infinite ease-in 1s;
  width: 1px;
  height: 3px;
  transform: translate3d(38vw, 100vh, 0) rotate(15deg) rotateY(128deg) rotateX(76deg);
}

@-webkit-keyframes anim-31 {
  100% {
    transform: translate3d(72vw, 0vh, 0) scale(0.5) rotate(34deg) rotateY(108deg) rotateX(86deg) rotateZ(78deg);
  }
}

@keyframes anim-31 {
  100% {
    transform: translate3d(72vw, 0vh, 0) scale(0.5) rotate(34deg) rotateY(108deg) rotateX(86deg) rotateZ(78deg);
  }
}
.divi:nth-child(32) {
  -webkit-animation: anim 20s infinite linear 0.1s, anim-32 2s infinite ease-in 1s;
          animation: anim 20s infinite linear 0.1s, anim-32 2s infinite ease-in 1s;
  width: 10px;
  height: 6px;
  transform: translate3d(50vw, 100vh, 0) rotate(87deg) rotateY(37deg) rotateX(146deg);
}

@-webkit-keyframes anim-32 {
  100% {
    transform: translate3d(26vw, 0vh, 0) scale(0.5) rotate(177deg) rotateY(44deg) rotateX(28deg) rotateZ(130deg);
  }
}

@keyframes anim-32 {
  100% {
    transform: translate3d(26vw, 0vh, 0) scale(0.5) rotate(177deg) rotateY(44deg) rotateX(28deg) rotateZ(130deg);
  }
}
.divi:nth-child(33) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-33 4s infinite ease-in 10s;
          animation: anim 20s infinite linear 0.7s, anim-33 4s infinite ease-in 10s;
  width: 5px;
  height: 12px;
  transform: translate3d(51vw, 100vh, 0) rotate(154deg) rotateY(71deg) rotateX(61deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-33 {
  100% {
    transform: translate3d(85vw, 0vh, 0) scale(0.5) rotate(21deg) rotateY(49deg) rotateX(35deg) rotateZ(141deg);
  }
}

@keyframes anim-33 {
  100% {
    transform: translate3d(85vw, 0vh, 0) scale(0.5) rotate(21deg) rotateY(49deg) rotateX(35deg) rotateZ(141deg);
  }
}
.divi:nth-child(34) {
  -webkit-animation: anim 20s infinite linear 0.3s, anim-34 5s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.3s, anim-34 5s infinite ease-in 5s;
  width: 10px;
  height: 6px;
  transform: translate3d(40vw, 100vh, 0) rotate(17deg) rotateY(131deg) rotateX(175deg);
}

@-webkit-keyframes anim-34 {
  100% {
    transform: translate3d(9vw, 0vh, 0) scale(0.5) rotate(12deg) rotateY(89deg) rotateX(163deg) rotateZ(80deg);
  }
}

@keyframes anim-34 {
  100% {
    transform: translate3d(9vw, 0vh, 0) scale(0.5) rotate(12deg) rotateY(89deg) rotateX(163deg) rotateZ(80deg);
  }
}
.divi:nth-child(35) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-35 5s infinite ease-in 6s;
          animation: anim 20s infinite linear 0.8s, anim-35 5s infinite ease-in 6s;
  width: 3px;
  height: 5px;
  transform: translate3d(33vw, 100vh, 0) rotate(24deg) rotateY(163deg) rotateX(1deg);
}

@-webkit-keyframes anim-35 {
  100% {
    transform: translate3d(54vw, 0vh, 0) scale(0.5) rotate(141deg) rotateY(129deg) rotateX(139deg) rotateZ(80deg);
  }
}

@keyframes anim-35 {
  100% {
    transform: translate3d(54vw, 0vh, 0) scale(0.5) rotate(141deg) rotateY(129deg) rotateX(139deg) rotateZ(80deg);
  }
}
.divi:nth-child(36) {
  -webkit-animation: anim 20s infinite linear 0.6s, anim-36 5s infinite ease-in 7s;
          animation: anim 20s infinite linear 0.6s, anim-36 5s infinite ease-in 7s;
  width: 1px;
  height: 1px;
  transform: translate3d(93vw, 100vh, 0) rotate(159deg) rotateY(19deg) rotateX(131deg);
}

@-webkit-keyframes anim-36 {
  100% {
    transform: translate3d(73vw, 0vh, 0) scale(0.5) rotate(147deg) rotateY(125deg) rotateX(73deg) rotateZ(89deg);
  }
}

@keyframes anim-36 {
  100% {
    transform: translate3d(73vw, 0vh, 0) scale(0.5) rotate(147deg) rotateY(125deg) rotateX(73deg) rotateZ(89deg);
  }
}
.divi:nth-child(37) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-37 5s infinite ease-in 4s;
          animation: anim 20s infinite linear 0.8s, anim-37 5s infinite ease-in 4s;
  width: 7px;
  height: 6px;
  transform: translate3d(32vw, 100vh, 0) rotate(158deg) rotateY(146deg) rotateX(142deg);
}

@-webkit-keyframes anim-37 {
  100% {
    transform: translate3d(20vw, 0vh, 0) scale(0.5) rotate(130deg) rotateY(176deg) rotateX(36deg) rotateZ(120deg);
  }
}

@keyframes anim-37 {
  100% {
    transform: translate3d(20vw, 0vh, 0) scale(0.5) rotate(130deg) rotateY(176deg) rotateX(36deg) rotateZ(120deg);
  }
}
.divi:nth-child(38) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-38 4s infinite ease-in 1s;
          animation: anim 20s infinite linear 0.5s, anim-38 4s infinite ease-in 1s;
  width: 7px;
  height: 1px;
  transform: translate3d(10vw, 100vh, 0) rotate(150deg) rotateY(69deg) rotateX(142deg);
}

@-webkit-keyframes anim-38 {
  100% {
    transform: translate3d(19vw, 0vh, 0) scale(0.5) rotate(175deg) rotateY(88deg) rotateX(5deg) rotateZ(72deg);
  }
}

@keyframes anim-38 {
  100% {
    transform: translate3d(19vw, 0vh, 0) scale(0.5) rotate(175deg) rotateY(88deg) rotateX(5deg) rotateZ(72deg);
  }
}
.divi:nth-child(39) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-39 5s infinite ease-in 2s;
          animation: anim 20s infinite linear 0.5s, anim-39 5s infinite ease-in 2s;
  width: 12px;
  height: 8px;
  transform: translate3d(81vw, 100vh, 0) rotate(69deg) rotateY(39deg) rotateX(171deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-39 {
  100% {
    transform: translate3d(83vw, 0vh, 0) scale(0.5) rotate(2deg) rotateY(67deg) rotateX(13deg) rotateZ(79deg);
  }
}

@keyframes anim-39 {
  100% {
    transform: translate3d(83vw, 0vh, 0) scale(0.5) rotate(2deg) rotateY(67deg) rotateX(13deg) rotateZ(79deg);
  }
}
.divi:nth-child(40) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-40 2s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.5s, anim-40 2s infinite ease-in 5s;
  width: 7px;
  height: 3px;
  transform: translate3d(84vw, 100vh, 0) rotate(123deg) rotateY(32deg) rotateX(63deg);
}

@-webkit-keyframes anim-40 {
  100% {
    transform: translate3d(84vw, 0vh, 0) scale(0.5) rotate(69deg) rotateY(125deg) rotateX(169deg) rotateZ(178deg);
  }
}

@keyframes anim-40 {
  100% {
    transform: translate3d(84vw, 0vh, 0) scale(0.5) rotate(69deg) rotateY(125deg) rotateX(169deg) rotateZ(178deg);
  }
}
.divi:nth-child(41) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-41 2s infinite ease-in 8s;
          animation: anim 20s infinite linear 0.8s, anim-41 2s infinite ease-in 8s;
  width: 2px;
  height: 4px;
  transform: translate3d(97vw, 100vh, 0) rotate(42deg) rotateY(65deg) rotateX(155deg);
}

@-webkit-keyframes anim-41 {
  100% {
    transform: translate3d(69vw, 0vh, 0) scale(0.5) rotate(73deg) rotateY(45deg) rotateX(67deg) rotateZ(134deg);
  }
}

@keyframes anim-41 {
  100% {
    transform: translate3d(69vw, 0vh, 0) scale(0.5) rotate(73deg) rotateY(45deg) rotateX(67deg) rotateZ(134deg);
  }
}
.divi:nth-child(42) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-42 5s infinite ease-in 1s;
          animation: anim 20s infinite linear 0.5s, anim-42 5s infinite ease-in 1s;
  width: 6px;
  height: 7px;
  transform: translate3d(22vw, 100vh, 0) rotate(46deg) rotateY(166deg) rotateX(124deg);
}

@-webkit-keyframes anim-42 {
  100% {
    transform: translate3d(88vw, 0vh, 0) scale(0.5) rotate(29deg) rotateY(84deg) rotateX(34deg) rotateZ(112deg);
  }
}

@keyframes anim-42 {
  100% {
    transform: translate3d(88vw, 0vh, 0) scale(0.5) rotate(29deg) rotateY(84deg) rotateX(34deg) rotateZ(112deg);
  }
}
.divi:nth-child(43) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-43 4s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.7s, anim-43 4s infinite ease-in 5s;
  width: 6px;
  height: 6px;
  transform: translate3d(56vw, 100vh, 0) rotate(73deg) rotateY(57deg) rotateX(115deg);
}

@-webkit-keyframes anim-43 {
  100% {
    transform: translate3d(76vw, 0vh, 0) scale(0.5) rotate(102deg) rotateY(72deg) rotateX(173deg) rotateZ(159deg);
  }
}

@keyframes anim-43 {
  100% {
    transform: translate3d(76vw, 0vh, 0) scale(0.5) rotate(102deg) rotateY(72deg) rotateX(173deg) rotateZ(159deg);
  }
}
.divi:nth-child(44) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-44 3s infinite ease-in 4s;
          animation: anim 20s infinite linear 0.8s, anim-44 3s infinite ease-in 4s;
  width: 9px;
  height: 7px;
  transform: translate3d(54vw, 100vh, 0) rotate(23deg) rotateY(82deg) rotateX(138deg);
}

@-webkit-keyframes anim-44 {
  100% {
    transform: translate3d(15vw, 0vh, 0) scale(0.5) rotate(160deg) rotateY(11deg) rotateX(70deg) rotateZ(19deg);
  }
}

@keyframes anim-44 {
  100% {
    transform: translate3d(15vw, 0vh, 0) scale(0.5) rotate(160deg) rotateY(11deg) rotateX(70deg) rotateZ(19deg);
  }
}
.divi:nth-child(45) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-45 4s infinite ease-in 10s;
          animation: anim 20s infinite linear 0.5s, anim-45 4s infinite ease-in 10s;
  width: 5px;
  height: 5px;
  transform: translate3d(95vw, 100vh, 0) rotate(1deg) rotateY(112deg) rotateX(75deg);
}

@-webkit-keyframes anim-45 {
  100% {
    transform: translate3d(8vw, 0vh, 0) scale(0.5) rotate(75deg) rotateY(91deg) rotateX(70deg) rotateZ(10deg);
  }
}

@keyframes anim-45 {
  100% {
    transform: translate3d(8vw, 0vh, 0) scale(0.5) rotate(75deg) rotateY(91deg) rotateX(70deg) rotateZ(10deg);
  }
}
.divi:nth-child(46) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-46 5s infinite ease-in 8s;
          animation: anim 20s infinite linear 0.7s, anim-46 5s infinite ease-in 8s;
  width: 9px;
  height: 5px;
  transform: translate3d(28vw, 100vh, 0) rotate(62deg) rotateY(7deg) rotateX(150deg);
}

@-webkit-keyframes anim-46 {
  100% {
    transform: translate3d(30vw, 0vh, 0) scale(0.5) rotate(54deg) rotateY(79deg) rotateX(155deg) rotateZ(2deg);
  }
}

@keyframes anim-46 {
  100% {
    transform: translate3d(30vw, 0vh, 0) scale(0.5) rotate(54deg) rotateY(79deg) rotateX(155deg) rotateZ(2deg);
  }
}
.divi:nth-child(47) {
  -webkit-animation: anim 20s infinite linear 0.6s, anim-47 4s infinite ease-in 5s;
          animation: anim 20s infinite linear 0.6s, anim-47 4s infinite ease-in 5s;
  width: 10px;
  height: 6px;
  transform: translate3d(35vw, 100vh, 0) rotate(157deg) rotateY(161deg) rotateX(42deg);
}

@-webkit-keyframes anim-47 {
  100% {
    transform: translate3d(68vw, 0vh, 0) scale(0.5) rotate(109deg) rotateY(74deg) rotateX(54deg) rotateZ(37deg);
  }
}

@keyframes anim-47 {
  100% {
    transform: translate3d(68vw, 0vh, 0) scale(0.5) rotate(109deg) rotateY(74deg) rotateX(54deg) rotateZ(37deg);
  }
}
.divi:nth-child(48) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-48 2s infinite ease-in 7s;
          animation: anim 20s infinite linear 0.7s, anim-48 2s infinite ease-in 7s;
  width: 11px;
  height: 11px;
  transform: translate3d(47vw, 100vh, 0) rotate(10deg) rotateY(124deg) rotateX(69deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-48 {
  100% {
    transform: translate3d(67vw, 0vh, 0) scale(0.5) rotate(49deg) rotateY(154deg) rotateX(119deg) rotateZ(114deg);
  }
}

@keyframes anim-48 {
  100% {
    transform: translate3d(67vw, 0vh, 0) scale(0.5) rotate(49deg) rotateY(154deg) rotateX(119deg) rotateZ(114deg);
  }
}
.divi:nth-child(49) {
  -webkit-animation: anim 20s infinite linear 1s, anim-49 2s infinite ease-in 7s;
          animation: anim 20s infinite linear 1s, anim-49 2s infinite ease-in 7s;
  width: 8px;
  height: 6px;
  transform: translate3d(72vw, 100vh, 0) rotate(3deg) rotateY(40deg) rotateX(21deg);
}

@-webkit-keyframes anim-49 {
  100% {
    transform: translate3d(10vw, 0vh, 0) scale(0.5) rotate(161deg) rotateY(33deg) rotateX(117deg) rotateZ(2deg);
  }
}

@keyframes anim-49 {
  100% {
    transform: translate3d(10vw, 0vh, 0) scale(0.5) rotate(161deg) rotateY(33deg) rotateX(117deg) rotateZ(2deg);
  }
}
.divi:nth-child(50) {
  -webkit-animation: anim 20s infinite linear 0.8s, anim-50 4s infinite ease-in 7s;
          animation: anim 20s infinite linear 0.8s, anim-50 4s infinite ease-in 7s;
  width: 11px;
  height: 7px;
  transform: translate3d(30vw, 100vh, 0) rotate(61deg) rotateY(76deg) rotateX(22deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-50 {
  100% {
    transform: translate3d(2vw, 0vh, 0) scale(0.5) rotate(52deg) rotateY(5deg) rotateX(40deg) rotateZ(128deg);
  }
}

@keyframes anim-50 {
  100% {
    transform: translate3d(2vw, 0vh, 0) scale(0.5) rotate(52deg) rotateY(5deg) rotateX(40deg) rotateZ(128deg);
  }
}
.divi:nth-child(51) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-51 3s infinite ease-in 8s;
          animation: anim 20s infinite linear 0.5s, anim-51 3s infinite ease-in 8s;
  width: 1px;
  height: 2px;
  transform: translate3d(10vw, 100vh, 0) rotate(155deg) rotateY(117deg) rotateX(32deg);
}

@-webkit-keyframes anim-51 {
  100% {
    transform: translate3d(99vw, 0vh, 0) scale(0.5) rotate(123deg) rotateY(162deg) rotateX(72deg) rotateZ(40deg);
  }
}

@keyframes anim-51 {
  100% {
    transform: translate3d(99vw, 0vh, 0) scale(0.5) rotate(123deg) rotateY(162deg) rotateX(72deg) rotateZ(40deg);
  }
}
.divi:nth-child(52) {
  -webkit-animation: anim 20s infinite linear 0.6s, anim-52 5s infinite ease-in 2s;
          animation: anim 20s infinite linear 0.6s, anim-52 5s infinite ease-in 2s;
  width: 8px;
  height: 9px;
  transform: translate3d(70vw, 100vh, 0) rotate(138deg) rotateY(104deg) rotateX(76deg);
}

@-webkit-keyframes anim-52 {
  100% {
    transform: translate3d(8vw, 0vh, 0) scale(0.5) rotate(119deg) rotateY(5deg) rotateX(133deg) rotateZ(11deg);
  }
}

@keyframes anim-52 {
  100% {
    transform: translate3d(8vw, 0vh, 0) scale(0.5) rotate(119deg) rotateY(5deg) rotateX(133deg) rotateZ(11deg);
  }
}
.divi:nth-child(53) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-53 5s infinite ease-in 2s;
          animation: anim 20s infinite linear 0.7s, anim-53 5s infinite ease-in 2s;
  width: 9px;
  height: 6px;
  transform: translate3d(55vw, 100vh, 0) rotate(116deg) rotateY(31deg) rotateX(89deg);
}

@-webkit-keyframes anim-53 {
  100% {
    transform: translate3d(44vw, 0vh, 0) scale(0.5) rotate(97deg) rotateY(167deg) rotateX(58deg) rotateZ(13deg);
  }
}

@keyframes anim-53 {
  100% {
    transform: translate3d(44vw, 0vh, 0) scale(0.5) rotate(97deg) rotateY(167deg) rotateX(58deg) rotateZ(13deg);
  }
}
.divi:nth-child(54) {
  -webkit-animation: anim 20s infinite linear 0.3s, anim-54 2s infinite ease-in 7s;
          animation: anim 20s infinite linear 0.3s, anim-54 2s infinite ease-in 7s;
  width: 8px;
  height: 4px;
  transform: translate3d(39vw, 100vh, 0) rotate(67deg) rotateY(67deg) rotateX(114deg);
}

@-webkit-keyframes anim-54 {
  100% {
    transform: translate3d(81vw, 0vh, 0) scale(0.5) rotate(148deg) rotateY(155deg) rotateX(15deg) rotateZ(146deg);
  }
}

@keyframes anim-54 {
  100% {
    transform: translate3d(81vw, 0vh, 0) scale(0.5) rotate(148deg) rotateY(155deg) rotateX(15deg) rotateZ(146deg);
  }
}
.divi:nth-child(55) {
  -webkit-animation: anim 20s infinite linear 0.2s, anim-55 2s infinite ease-in 9s;
          animation: anim 20s infinite linear 0.2s, anim-55 2s infinite ease-in 9s;
  width: 4px;
  height: 3px;
  transform: translate3d(88vw, 100vh, 0) rotate(156deg) rotateY(171deg) rotateX(35deg);
}

@-webkit-keyframes anim-55 {
  100% {
    transform: translate3d(72vw, 0vh, 0) scale(0.5) rotate(24deg) rotateY(129deg) rotateX(180deg) rotateZ(142deg);
  }
}

@keyframes anim-55 {
  100% {
    transform: translate3d(72vw, 0vh, 0) scale(0.5) rotate(24deg) rotateY(129deg) rotateX(180deg) rotateZ(142deg);
  }
}
.divi:nth-child(56) {
  -webkit-animation: anim 20s infinite linear 1s, anim-56 2s infinite ease-in 3s;
          animation: anim 20s infinite linear 1s, anim-56 2s infinite ease-in 3s;
  width: 4px;
  height: 12px;
  transform: translate3d(14vw, 100vh, 0) rotate(8deg) rotateY(179deg) rotateX(180deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-56 {
  100% {
    transform: translate3d(35vw, 0vh, 0) scale(0.5) rotate(99deg) rotateY(34deg) rotateX(51deg) rotateZ(56deg);
  }
}

@keyframes anim-56 {
  100% {
    transform: translate3d(35vw, 0vh, 0) scale(0.5) rotate(99deg) rotateY(34deg) rotateX(51deg) rotateZ(56deg);
  }
}
.divi:nth-child(57) {
  -webkit-animation: anim 20s infinite linear 0.7s, anim-57 5s infinite ease-in 6s;
          animation: anim 20s infinite linear 0.7s, anim-57 5s infinite ease-in 6s;
  width: 6px;
  height: 1px;
  transform: translate3d(83vw, 100vh, 0) rotate(112deg) rotateY(17deg) rotateX(60deg);
}

@-webkit-keyframes anim-57 {
  100% {
    transform: translate3d(76vw, 0vh, 0) scale(0.5) rotate(161deg) rotateY(157deg) rotateX(132deg) rotateZ(175deg);
  }
}

@keyframes anim-57 {
  100% {
    transform: translate3d(76vw, 0vh, 0) scale(0.5) rotate(161deg) rotateY(157deg) rotateX(132deg) rotateZ(175deg);
  }
}
.divi:nth-child(58) {
  -webkit-animation: anim 20s infinite linear 0.4s, anim-58 5s infinite ease-in 7s;
          animation: anim 20s infinite linear 0.4s, anim-58 5s infinite ease-in 7s;
  width: 11px;
  height: 10px;
  transform: translate3d(56vw, 100vh, 0) rotate(30deg) rotateY(11deg) rotateX(102deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-58 {
  100% {
    transform: translate3d(69vw, 0vh, 0) scale(0.5) rotate(37deg) rotateY(4deg) rotateX(136deg) rotateZ(117deg);
  }
}

@keyframes anim-58 {
  100% {
    transform: translate3d(69vw, 0vh, 0) scale(0.5) rotate(37deg) rotateY(4deg) rotateX(136deg) rotateZ(117deg);
  }
}
.divi:nth-child(59) {
  -webkit-animation: anim 20s infinite linear 1s, anim-59 4s infinite ease-in 2s;
          animation: anim 20s infinite linear 1s, anim-59 4s infinite ease-in 2s;
  width: 3px;
  height: 7px;
  transform: translate3d(71vw, 100vh, 0) rotate(148deg) rotateY(155deg) rotateX(75deg);
}

@-webkit-keyframes anim-59 {
  100% {
    transform: translate3d(98vw, 0vh, 0) scale(0.5) rotate(87deg) rotateY(23deg) rotateX(29deg) rotateZ(128deg);
  }
}

@keyframes anim-59 {
  100% {
    transform: translate3d(98vw, 0vh, 0) scale(0.5) rotate(87deg) rotateY(23deg) rotateX(29deg) rotateZ(128deg);
  }
}
.divi:nth-child(60) {
  -webkit-animation: anim 20s infinite linear 0.5s, anim-60 2s infinite ease-in 10s;
          animation: anim 20s infinite linear 0.5s, anim-60 2s infinite ease-in 10s;
  width: 9px;
  height: 11px;
  transform: translate3d(100vw, 100vh, 0) rotate(107deg) rotateY(125deg) rotateX(146deg);
  border-radius: 40%;
  filter: blur(2px);
}

@-webkit-keyframes anim-60 {
  100% {
    transform: translate3d(59vw, 0vh, 0) scale(0.5) rotate(37deg) rotateY(35deg) rotateX(172deg) rotateZ(68deg);
  }
}

@keyframes anim-60 {
  100% {
    transform: translate3d(59vw, 0vh, 0) scale(0.5) rotate(37deg) rotateY(35deg) rotateX(172deg) rotateZ(68deg);
  }
}