:root {
  --wind: -20;
  --blur: 2;
}

body {
  background-color: #333;
}

.smoke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  filter: blur(calc(var(--blur) * 0.2rem));
  overflow: hidden;
}

.particle {
  position: absolute;
  left: 37%;
  top: 22%;
  animation-fill-mode: both;
  border-radius: 50%;
  offset-rotate: 0deg;
  background-image: radial-gradient(circle at 25% 0%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}

.particle:nth-child(1) {
  width: 15.07016vw;
  height: 15.07016vw;
  animation: smoke-1 3598.54365ms linear -559.99071ms infinite normal;
  offset-path: path("M 50 200, C 18.53998 100 -71.42052 50 20.36238 -50");
  background-color: #ededed;
}

@keyframes smoke-1 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(26.69726deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.51991) translateX(calc(var(--wind) * 1vh)) scaleX(4.23271) scaleY(1.84515) rotate(53.07363deg);
    opacity: 0;
  }
}
.particle:nth-child(2) {
  width: 15.25036vw;
  height: 15.25036vw;
  animation: smoke-2 3646.57875ms linear -615.1274ms infinite normal;
  offset-path: path("M 50 200, C -34.22047 100 12.24051 50 32.36895 -50");
  background-color: #e1e1e1;
}

@keyframes smoke-2 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(20.24937deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.91526) translateX(calc(var(--wind) * 1vh)) scaleX(2.4678) scaleY(1.52537) rotate(53.10411deg);
    opacity: 0;
  }
}
.particle:nth-child(3) {
  width: 16.71468vw;
  height: 16.71468vw;
  animation: smoke-3 3022.00206ms linear -3017.12972ms infinite normal;
  offset-path: path("M 50 200, C 11.34409 100 -81.51738 50 26.44772 -50");
  background-color: #fafafa;
}

@keyframes smoke-3 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(8.17442deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.9696) translateX(calc(var(--wind) * 1vh)) scaleX(5.33718) scaleY(1.57093) rotate(30.31797deg);
    opacity: 0;
  }
}
.particle:nth-child(4) {
  width: 16.46983vw;
  height: 16.46983vw;
  animation: smoke-4 3057.58468ms linear -155.29031ms infinite normal;
  offset-path: path("M 50 200, C -49.38098 100 -51.34044 50 22.01278 -50");
  background-color: #ededed;
}

@keyframes smoke-4 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(3.28279deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.78217) translateX(calc(var(--wind) * 1vh)) scaleX(5.07754) scaleY(1.57958) rotate(48.66454deg);
    opacity: 0;
  }
}
.particle:nth-child(5) {
  width: 16.03198vw;
  height: 16.03198vw;
  animation: smoke-5 3304.05158ms linear -1466.2371ms infinite normal;
  offset-path: path("M 50 200, C 25.09755 100 -34.73925 50 27.35652 -50");
  background-color: #d2d2d2;
}

@keyframes smoke-5 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(14.62413deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.57602) translateX(calc(var(--wind) * 1vh)) scaleX(5.82861) scaleY(1.78317) rotate(77.88422deg);
    opacity: 0;
  }
}
.particle:nth-child(6) {
  width: 14.30485vw;
  height: 14.30485vw;
  animation: smoke-6 3598.30267ms linear -1987.47296ms infinite normal;
  offset-path: path("M 50 200, C -40.34292 100 92.19761 50 15.70194 -50");
  background-color: #cfcfcf;
}

@keyframes smoke-6 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(7.76033deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.09315) translateX(calc(var(--wind) * 1vh)) scaleX(4.4376) scaleY(1.55119) rotate(8.54942deg);
    opacity: 0;
  }
}
.particle:nth-child(7) {
  width: 14.6235vw;
  height: 14.6235vw;
  animation: smoke-7 3305.51537ms linear -3305.13043ms infinite normal;
  offset-path: path("M 50 200, C -38.48028 100 83.34065 50 35.17542 -50");
  background-color: #fafafa;
}

@keyframes smoke-7 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(13.84411deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.642) translateX(calc(var(--wind) * 1vh)) scaleX(4.1027) scaleY(1.67321) rotate(18.23475deg);
    opacity: 0;
  }
}
.particle:nth-child(8) {
  width: 13.36323vw;
  height: 13.36323vw;
  animation: smoke-8 3297.73854ms linear -1415.02308ms infinite normal;
  offset-path: path("M 50 200, C -42.12258 100 -11.65958 50 0.29255 -50");
  background-color: #d9d9d9;
}

@keyframes smoke-8 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(11.53027deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.99194) translateX(calc(var(--wind) * 1vh)) scaleX(5.41527) scaleY(1.76533) rotate(77.87548deg);
    opacity: 0;
  }
}
.particle:nth-child(9) {
  width: 15.36066vw;
  height: 15.36066vw;
  animation: smoke-9 3450.98436ms linear -2928.97334ms infinite normal;
  offset-path: path("M 50 200, C -25.09272 100 -60.16761 50 42.96949 -50");
  background-color: #e3e3e3;
}

@keyframes smoke-9 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(13.18231deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.22105) translateX(calc(var(--wind) * 1vh)) scaleX(5.04451) scaleY(1.58809) rotate(20.17215deg);
    opacity: 0;
  }
}
.particle:nth-child(10) {
  width: 15.28104vw;
  height: 15.28104vw;
  animation: smoke-10 3191.51481ms linear -2964.09176ms infinite normal;
  offset-path: path("M 50 200, C -30.36858 100 -98.13433 50 15.90216 -50");
  background-color: #ececec;
}

@keyframes smoke-10 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(12.40385deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.1408) translateX(calc(var(--wind) * 1vh)) scaleX(4.76984) scaleY(1.8705) rotate(87.65384deg);
    opacity: 0;
  }
}
.particle:nth-child(11) {
  width: 16.9792vw;
  height: 16.9792vw;
  animation: smoke-11 3596.90863ms linear -387.30295ms infinite normal;
  offset-path: path("M 50 200, C 49.63212 100 24.25339 50 0.81845 -50");
  background-color: #f1f1f1;
}

@keyframes smoke-11 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(16.96213deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.50606) translateX(calc(var(--wind) * 1vh)) scaleX(4.86086) scaleY(1.55947) rotate(50.99574deg);
    opacity: 0;
  }
}
.particle:nth-child(12) {
  width: 16.54941vw;
  height: 16.54941vw;
  animation: smoke-12 3222.3523ms linear -2297.57164ms infinite normal;
  offset-path: path("M 50 200, C -37.51708 100 -30.82034 50 32.59025 -50");
  background-color: #d0d0d0;
}

@keyframes smoke-12 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(13.53322deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.02638) translateX(calc(var(--wind) * 1vh)) scaleX(3.24771) scaleY(1.69392) rotate(46.29693deg);
    opacity: 0;
  }
}
.particle:nth-child(13) {
  width: 13.88957vw;
  height: 13.88957vw;
  animation: smoke-13 3093.50493ms linear -781.84582ms infinite normal;
  offset-path: path("M 50 200, C 17.30169 100 -18.70011 50 41.2165 -50");
  background-color: #ebebeb;
}

@keyframes smoke-13 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(10.23855deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.627) translateX(calc(var(--wind) * 1vh)) scaleX(4.62536) scaleY(1.94674) rotate(65.68394deg);
    opacity: 0;
  }
}
.particle:nth-child(14) {
  width: 13.28859vw;
  height: 13.28859vw;
  animation: smoke-14 3166.54ms linear -1868.60325ms infinite normal;
  offset-path: path("M 50 200, C -16.51347 100 -26.60004 50 0.95211 -50");
  background-color: #f6f6f6;
}

@keyframes smoke-14 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(23.45546deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.79845) translateX(calc(var(--wind) * 1vh)) scaleX(2.18714) scaleY(1.71267) rotate(66.90666deg);
    opacity: 0;
  }
}
.particle:nth-child(15) {
  width: 15.53939vw;
  height: 15.53939vw;
  animation: smoke-15 3056.6129ms linear -2724.42064ms infinite normal;
  offset-path: path("M 50 200, C -21.24659 100 -75.77336 50 36.69193 -50");
  background-color: #fafafa;
}

@keyframes smoke-15 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(4.33224deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.06053) translateX(calc(var(--wind) * 1vh)) scaleX(3.70236) scaleY(1.78343) rotate(85.28806deg);
    opacity: 0;
  }
}
.particle:nth-child(16) {
  width: 16.7515vw;
  height: 16.7515vw;
  animation: smoke-16 3024.56251ms linear -663.29043ms infinite normal;
  offset-path: path("M 50 200, C 41.67156 100 25.33387 50 42.83963 -50");
  background-color: #cccccc;
}

@keyframes smoke-16 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(3.23978deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.95999) translateX(calc(var(--wind) * 1vh)) scaleX(5.28977) scaleY(1.8919) rotate(80.57449deg);
    opacity: 0;
  }
}
.particle:nth-child(17) {
  width: 15.9156vw;
  height: 15.9156vw;
  animation: smoke-17 3367.48507ms linear -2491.48304ms infinite normal;
  offset-path: path("M 50 200, C -10.80097 100 16.85124 50 47.55784 -50");
  background-color: #e6e6e6;
}

@keyframes smoke-17 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(6.60619deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.04376) translateX(calc(var(--wind) * 1vh)) scaleX(5.53702) scaleY(1.95931) rotate(60.07678deg);
    opacity: 0;
  }
}
.particle:nth-child(18) {
  width: 13.03758vw;
  height: 13.03758vw;
  animation: smoke-18 3608.33017ms linear -384.61318ms infinite normal;
  offset-path: path("M 50 200, C 4.94456 100 -24.20391 50 47.11053 -50");
  background-color: #fbfbfb;
}

@keyframes smoke-18 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(15.19779deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.01086) translateX(calc(var(--wind) * 1vh)) scaleX(5.19772) scaleY(1.74243) rotate(70.46873deg);
    opacity: 0;
  }
}
.particle:nth-child(19) {
  width: 13.92008vw;
  height: 13.92008vw;
  animation: smoke-19 3526.12538ms linear -819.69326ms infinite normal;
  offset-path: path("M 50 200, C 0.19893 100 -93.39767 50 24.64474 -50");
  background-color: #e9e9e9;
}

@keyframes smoke-19 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(3.79421deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.95248) translateX(calc(var(--wind) * 1vh)) scaleX(5.99205) scaleY(1.57049) rotate(24.64432deg);
    opacity: 0;
  }
}
.particle:nth-child(20) {
  width: 15.98656vw;
  height: 15.98656vw;
  animation: smoke-20 3258.23099ms linear -3325.08016ms infinite normal;
  offset-path: path("M 50 200, C 18.08886 100 -1.58862 50 36.73468 -50");
  background-color: #efefef;
}

@keyframes smoke-20 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(6.81642deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.08672) translateX(calc(var(--wind) * 1vh)) scaleX(5.37122) scaleY(1.99608) rotate(82.71013deg);
    opacity: 0;
  }
}
.particle:nth-child(21) {
  width: 14.945vw;
  height: 14.945vw;
  animation: smoke-21 3387.47467ms linear -1794.92915ms infinite normal;
  offset-path: path("M 50 200, C 46.20979 100 -95.83108 50 4.11411 -50");
  background-color: #e3e3e3;
}

@keyframes smoke-21 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(10.44236deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.22915) translateX(calc(var(--wind) * 1vh)) scaleX(5.63002) scaleY(1.60923) rotate(6.94307deg);
    opacity: 0;
  }
}
.particle:nth-child(22) {
  width: 14.89791vw;
  height: 14.89791vw;
  animation: smoke-22 3621.89024ms linear -2734.45559ms infinite normal;
  offset-path: path("M 50 200, C 7.84866 100 7.93085 50 45.7975 -50");
  background-color: #fbfbfb;
}

@keyframes smoke-22 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(2.99369deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.59887) translateX(calc(var(--wind) * 1vh)) scaleX(3.42658) scaleY(1.84932) rotate(61.45673deg);
    opacity: 0;
  }
}
.particle:nth-child(23) {
  width: 16.25172vw;
  height: 16.25172vw;
  animation: smoke-23 3595.54662ms linear -55.5662ms infinite normal;
  offset-path: path("M 50 200, C 4.60131 100 -91.23895 50 41.37423 -50");
  background-color: #fbfbfb;
}

@keyframes smoke-23 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(22.77935deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.09213) translateX(calc(var(--wind) * 1vh)) scaleX(3.0709) scaleY(1.72324) rotate(34.46753deg);
    opacity: 0;
  }
}
.particle:nth-child(24) {
  width: 16.87309vw;
  height: 16.87309vw;
  animation: smoke-24 3120.23477ms linear -1232.465ms infinite normal;
  offset-path: path("M 50 200, C 47.72737 100 94.10526 50 36.58826 -50");
  background-color: #efefef;
}

@keyframes smoke-24 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(8.84931deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.16855) translateX(calc(var(--wind) * 1vh)) scaleX(5.171) scaleY(1.65119) rotate(36.11076deg);
    opacity: 0;
  }
}
.particle:nth-child(25) {
  width: 13.57655vw;
  height: 13.57655vw;
  animation: smoke-25 3029.71181ms linear -591.49432ms infinite normal;
  offset-path: path("M 50 200, C 38.48211 100 -32.48253 50 31.22399 -50");
  background-color: #dbdbdb;
}

@keyframes smoke-25 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(24.67905deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.12642) translateX(calc(var(--wind) * 1vh)) scaleX(5.07293) scaleY(1.60188) rotate(59.57449deg);
    opacity: 0;
  }
}
.particle:nth-child(26) {
  width: 16.10876vw;
  height: 16.10876vw;
  animation: smoke-26 3047.81709ms linear -3072.9616ms infinite normal;
  offset-path: path("M 50 200, C 47.8275 100 86.39519 50 6.47303 -50");
  background-color: #d6d6d6;
}

@keyframes smoke-26 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(20.78449deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.15918) translateX(calc(var(--wind) * 1vh)) scaleX(2.37664) scaleY(1.87357) rotate(48.69985deg);
    opacity: 0;
  }
}
.particle:nth-child(27) {
  width: 13.40812vw;
  height: 13.40812vw;
  animation: smoke-27 3634.5389ms linear -217.51034ms infinite normal;
  offset-path: path("M 50 200, C 22.61491 100 87.15272 50 0.91941 -50");
  background-color: #d7d7d7;
}

@keyframes smoke-27 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(2.66916deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.55342) translateX(calc(var(--wind) * 1vh)) scaleX(4.22855) scaleY(1.70945) rotate(33.04854deg);
    opacity: 0;
  }
}
.particle:nth-child(28) {
  width: 13.84331vw;
  height: 13.84331vw;
  animation: smoke-28 3541.06026ms linear -3458.87275ms infinite normal;
  offset-path: path("M 50 200, C 47.09127 100 -56.13324 50 13.37481 -50");
  background-color: #cfcfcf;
}

@keyframes smoke-28 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(1.85443deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.17171) translateX(calc(var(--wind) * 1vh)) scaleX(3.87735) scaleY(1.7296) rotate(83.51503deg);
    opacity: 0;
  }
}
.particle:nth-child(29) {
  width: 16.60723vw;
  height: 16.60723vw;
  animation: smoke-29 3205.86913ms linear -3270.7165ms infinite normal;
  offset-path: path("M 50 200, C 35.14962 100 64.22776 50 48.13055 -50");
  background-color: #e4e4e4;
}

@keyframes smoke-29 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(0.41466deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.70246) translateX(calc(var(--wind) * 1vh)) scaleX(2.13712) scaleY(1.88986) rotate(89.53759deg);
    opacity: 0;
  }
}
.particle:nth-child(30) {
  width: 16.74073vw;
  height: 16.74073vw;
  animation: smoke-30 3747.33032ms linear -1531.68509ms infinite normal;
  offset-path: path("M 50 200, C -29.70287 100 37.15704 50 17.18087 -50");
  background-color: #fafafa;
}

@keyframes smoke-30 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(17.17526deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.58392) translateX(calc(var(--wind) * 1vh)) scaleX(4.50681) scaleY(1.89587) rotate(82.11328deg);
    opacity: 0;
  }
}
.particle:nth-child(31) {
  width: 16.9077vw;
  height: 16.9077vw;
  animation: smoke-31 3094.74815ms linear -1407.69826ms infinite normal;
  offset-path: path("M 50 200, C 44.79316 100 8.94605 50 44.50585 -50");
  background-color: #fafafa;
}

@keyframes smoke-31 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(23.46909deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.19476) translateX(calc(var(--wind) * 1vh)) scaleX(5.35671) scaleY(1.89511) rotate(52.57288deg);
    opacity: 0;
  }
}
.particle:nth-child(32) {
  width: 13.93308vw;
  height: 13.93308vw;
  animation: smoke-32 3420.186ms linear -51.20061ms infinite normal;
  offset-path: path("M 50 200, C 23.82012 100 39.90861 50 15.56801 -50");
  background-color: #d1d1d1;
}

@keyframes smoke-32 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(8.53021deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.64807) translateX(calc(var(--wind) * 1vh)) scaleX(2.65867) scaleY(1.84481) rotate(70.40117deg);
    opacity: 0;
  }
}
.particle:nth-child(33) {
  width: 16.83696vw;
  height: 16.83696vw;
  animation: smoke-33 3531.03647ms linear -870.29719ms infinite normal;
  offset-path: path("M 50 200, C 45.34047 100 -99.27796 50 18.34209 -50");
  background-color: #e5e5e5;
}

@keyframes smoke-33 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(20.92282deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.63495) translateX(calc(var(--wind) * 1vh)) scaleX(2.60484) scaleY(1.62576) rotate(50.17037deg);
    opacity: 0;
  }
}
.particle:nth-child(34) {
  width: 15.37013vw;
  height: 15.37013vw;
  animation: smoke-34 3700.84173ms linear -1496.54273ms infinite normal;
  offset-path: path("M 50 200, C 5.77146 100 -51.84259 50 21.809 -50");
  background-color: lightgray;
}

@keyframes smoke-34 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(26.65722deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.84037) translateX(calc(var(--wind) * 1vh)) scaleX(5.99719) scaleY(1.60928) rotate(12.06365deg);
    opacity: 0;
  }
}
.particle:nth-child(35) {
  width: 14.3075vw;
  height: 14.3075vw;
  animation: smoke-35 3177.3421ms linear -2702.49739ms infinite normal;
  offset-path: path("M 50 200, C 26.30612 100 49.45447 50 9.80328 -50");
  background-color: #eaeaea;
}

@keyframes smoke-35 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(17.45383deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.24319) translateX(calc(var(--wind) * 1vh)) scaleX(3.39247) scaleY(1.7382) rotate(80.16753deg);
    opacity: 0;
  }
}
.particle:nth-child(36) {
  width: 13.59475vw;
  height: 13.59475vw;
  animation: smoke-36 3343.29464ms linear -2177.86499ms infinite normal;
  offset-path: path("M 50 200, C -10.77358 100 -65.86416 50 20.98429 -50");
  background-color: #e6e6e6;
}

@keyframes smoke-36 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(10.38377deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.88345) translateX(calc(var(--wind) * 1vh)) scaleX(4.89798) scaleY(1.74366) rotate(3.97625deg);
    opacity: 0;
  }
}
.particle:nth-child(37) {
  width: 14.78279vw;
  height: 14.78279vw;
  animation: smoke-37 3216.31179ms linear -943.66247ms infinite normal;
  offset-path: path("M 50 200, C 37.24288 100 -8.58381 50 41.69315 -50");
  background-color: #dadada;
}

@keyframes smoke-37 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(16.27784deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.9115) translateX(calc(var(--wind) * 1vh)) scaleX(2.48098) scaleY(1.60519) rotate(61.32072deg);
    opacity: 0;
  }
}
.particle:nth-child(38) {
  width: 14.96488vw;
  height: 14.96488vw;
  animation: smoke-38 3058.72394ms linear -603.27468ms infinite normal;
  offset-path: path("M 50 200, C 13.24072 100 24.38764 50 13.42173 -50");
  background-color: #fdfdfd;
}

@keyframes smoke-38 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(21.52329deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.76037) translateX(calc(var(--wind) * 1vh)) scaleX(5.66014) scaleY(1.51329) rotate(57.01674deg);
    opacity: 0;
  }
}
.particle:nth-child(39) {
  width: 13.45873vw;
  height: 13.45873vw;
  animation: smoke-39 3481.29267ms linear -1001.16987ms infinite normal;
  offset-path: path("M 50 200, C -45.42687 100 11.47837 50 16.16498 -50");
  background-color: #e8e8e8;
}

@keyframes smoke-39 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(15.83491deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.87723) translateX(calc(var(--wind) * 1vh)) scaleX(5.81016) scaleY(1.82645) rotate(86.20682deg);
    opacity: 0;
  }
}
.particle:nth-child(40) {
  width: 16.22407vw;
  height: 16.22407vw;
  animation: smoke-40 3473.45214ms linear -899.49073ms infinite normal;
  offset-path: path("M 50 200, C -9.61256 100 -87.43808 50 22.88236 -50");
  background-color: #f2f2f2;
}

@keyframes smoke-40 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(29.8191deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.10843) translateX(calc(var(--wind) * 1vh)) scaleX(3.05828) scaleY(1.73348) rotate(38.41659deg);
    opacity: 0;
  }
}
.controls {
  position: absolute;
  top: 10vh;
  left: 10vw;
  color: #fff;
  font-weight: bold;
}