:root {

    --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: #000;
  overflow: hidden;
  height: 100vh;
  width: 100vw; 
  font-family: "Archivo Black", sans-serif;
  /*color: var(--text-main);*/
}

.uno{
    position: relative;
    display: flex;
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 150px;
    gap: 111px;
    top: 29px;
    left: 143px;
    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;
  text-shadow: 2px 2px 0px rgba(9, 146, 226, 0.856), 
           -1px -1px 0px rgba(245, 244, 244, 0.842);
  letter-spacing: -5px;
  left: 1px;
  top: 25px;
  font-size: 55px;
  height: auto;
  width: 14px;
  transform: translate(-50% -50%);
  z-index: 10;
}
h2{
  position: relative;
  background-position: center;
    font-family: 'Outfit', sans-serif; 
    background-clip: text;
    font-size: 20px;
    font-weight: 600;
    line-height: -32px;
    right: 1px;
    transform: translate(-50% -50%);
    top: -65px;
    justify-content: center;
    align-items: center;
    text-align: center;
    user-select: none;
    pointer-events: none; 
    z-index: 2;
  color:#FFFFFF;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;}

  #quemador{
   display: flex; 
  position: relative;  
  top: -40px;
  left: 209px;
  user-select: none;
    pointer-events: none; 
    z-index: 15;
}
/* Reset */
/* *, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} */

/* body {
    font-family: 'Outfit', sans-serif;
    background: var(--app-bg);
    
    height: 100vh;
    overflow: hidden;
} */

/* ============================================
   APP LAYOUT
   ============================================ */

.app-layout {
    position: relative;
    display: inline-flex;
    width: 100vw;
    height: 50vh;
    left: -45px;
    transform: translate(-50% -50%);
}

 .canvas {

    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    left: 111px;
    top: 21px;
    transform: translate(-50% -50%);
    box-shadow: transparent; /* inset 10px 0 20px rgba(196, 11, 11, 0.2); */
    z-index: 21;
} 

.canvas-content {
    display: inline-flex;
    font-family: 'Outfit', sans-serif;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.loader-wrapper {
    padding: 3rem;
}

.cooking-loader { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; }
.cooking-loader__container { position: relative; display: flex; align-items: center; justify-content: center; transform: scale(1.3); }
.cooking-loader--lg .cooking-loader__container { width: 8rem; height: 8rem; }

.steam-container { position: absolute; top: -0.25rem; display: flex; gap: 0.25rem; pointer-events: none; }
.steam { width: 0.375rem; border-radius: 9999px; filter: blur(1px); animation: steam 1.5s ease-out infinite; }
.steam--1 { height: 1.25rem; background-color: var(--steam-color); animation-delay: 0s; }
.steam--2 { height: 1.5rem; background-color: var(--steam-color-mid); animation-delay: 0.3s; }
.steam--3 { height: 1.25rem; background-color: var(--steam-color); animation-delay: 0.6s; }

.pot-group { position: relative; }

.lid { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, 6px); border-radius: 9999px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); background: linear-gradient(to bottom, var(--lid-gradient-start), var(--lid-gradient-end)); animation: lid-wobble 0.5s ease-in-out infinite; width: 7rem; height: 1.25rem; }
.lid__knob { position: absolute; top: -0.25rem; left: 50%; transform: translateX(-50%); width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: var(--lid-knob-color); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

.pot { position: relative; border-radius: 1rem; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); border: 1px solid var(--pot-border-color); background: linear-gradient(to bottom, var(--pot-gradient-start), var(--pot-gradient-end)); animation: pot-bounce 0.4s ease-in-out infinite alternate; width: 6rem; height: 3.5rem; }
.pot__handle { position: absolute; top: 0.5rem; width: 0.75rem; height: 0.75rem; border-radius: 50%; border-width: 1px; border-style: solid; }
.pot__handle--left { left: -0.75rem; background-color: var(--handle-left-bg); border-color: var(--handle-left-border); }
.pot__handle--right { right: -0.75rem; background-color: var(--handle-right-bg); border-color: var(--handle-right-border); }
.pot__shine { position: absolute; top: 0.25rem; left: 0.25rem; width: 33%; height: 0.5rem; border-radius: 9999px; filter: blur(2px); background-color: var(--shine-color); }
.pot__bubbles { position: absolute; top: 0.25rem; left: 50%; transform: translateX(-50%); width: 66%; height: 0.5rem; border-radius: 9999px; filter: blur(1px); background-color: var(--bubble-color); animation: bubble 0.6s ease-in-out infinite; }

.flames { position: absolute; left: 50%; top: 100%; margin-top: 0.25rem; transform: translateX(-50%); display: flex; gap: 0.25rem; }
.flame { width: 0.5rem; border-radius: 9999px; background: linear-gradient(to top, var(--flame-gradient-start), var(--flame-gradient-end)); animation: flame 0.2s ease-in-out infinite alternate; }
.flame--1 { height: 0.75rem; animation-delay: 0s; }
.flame--2 { height: 1rem; animation-delay: 0.1s; }
.flame--3 { height: 0.75rem; animation-delay: 0.05s; }

.loading-text { color: var(--text-muted); font-size: 1rem; text-align: center; animation: pulse-soft 2s ease-in-out infinite; margin-top: 1rem; letter-spacing: 0.05em; }

/* Animations */
@keyframes fade-in { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes steam { 0% { opacity: 0; transform: translateY(0) scaleX(1); } 50% { opacity: 0.6; } 100% { opacity: 0; transform: translateY(-20px) scaleX(1.5); } }
@keyframes lid-wobble { 0%, 100% { transform: translate(-50%, 6px) rotate(0deg); } 25% { transform: translate(-50%, 5px) rotate(-1deg); } 50% { transform: translate(-50%, 4px) rotate(1deg); } 75% { transform: translate(-50%, 5px) rotate(-1deg); } }
@keyframes pot-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes bubble { 0%, 100% { transform: translateX(-50%) scale(1); opacity: 0.8; } 50% { transform: translateX(-50%) translateY(-2px) scale(1.1); opacity: 1; } }
@keyframes flame { 0%, 100% { opacity: 0.8; transform: scaleY(1); } 50% { opacity: 1; transform: scaleY(1.15); } }
@keyframes pulse-soft { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

.divi {
  background: radial-gradient(#f9a322, #e94d02);
  box-shadow: 0 0 7px #e83b00;
  position: relative;
  top: -80vh;
  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);
  }
}