: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: 54%;
  bottom: 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: 6.84223493rem;
  height: 6.84223493rem;
  animation: smoke-1 3168.00323371ms linear -385.15048922ms infinite normal;
  offset-path: path("M 50 200, C -37.43564793 100 19.847968 50 22.56785361 -50");
  background-color: #e1e1e1;
}

@keyframes smoke-1 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(18.31283379deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.09943493) translateX(calc(var(--wind) * 1vh)) scaleX(5.18518584) scaleY(1.5305711) rotate(66.42729838deg);
    opacity: 0;
  }
}
.particle:nth-child(2) {
  width: 8.15380003rem;
  height: 8.15380003rem;
  animation: smoke-2 3173.56575077ms linear -552.0682324ms infinite normal;
  offset-path: path("M 50 200, C 39.3905546 100 64.17939999 50 48.03373604 -50");
  background-color: #e6e6e6;
}

@keyframes smoke-2 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(2.81806012deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.86196459) translateX(calc(var(--wind) * 1vh)) scaleX(4.41105666) scaleY(1.53621284) rotate(32.38356191deg);
    opacity: 0;
  }
}
.particle:nth-child(3) {
  width: 6.08270043rem;
  height: 6.08270043rem;
  animation: smoke-3 3604.79977925ms linear -1672.77827488ms infinite normal;
  offset-path: path("M 50 200, C -19.86760981 100 68.95842143 50 17.30505097 -50");
  background-color: #e9e9e9;
}

@keyframes smoke-3 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(19.26185183deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.0688483) translateX(calc(var(--wind) * 1vh)) scaleX(3.6919592) scaleY(1.93790475) rotate(52.57244935deg);
    opacity: 0;
  }
}
.particle:nth-child(4) {
  width: 7.70859432rem;
  height: 7.70859432rem;
  animation: smoke-4 3460.31235027ms linear -1628.45102409ms infinite normal;
  offset-path: path("M 50 200, C -0.00806723 100 84.48459326 50 45.68964642 -50");
  background-color: #f6f6f6;
}

@keyframes smoke-4 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(16.91781415deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.97588152) translateX(calc(var(--wind) * 1vh)) scaleX(4.51999142) scaleY(1.96952434) rotate(81.94040535deg);
    opacity: 0;
  }
}
.particle:nth-child(5) {
  width: 7.02534239rem;
  height: 7.02534239rem;
  animation: smoke-5 3181.56250729ms linear -989.12709106ms infinite normal;
  offset-path: path("M 50 200, C 5.71374965 100 -24.72629275 50 2.52435135 -50");
  background-color: #f9f9f9;
}

@keyframes smoke-5 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(7.27860597deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.94328511) translateX(calc(var(--wind) * 1vh)) scaleX(5.89006683) scaleY(1.69086364) rotate(79.0736984deg);
    opacity: 0;
  }
}
.particle:nth-child(6) {
  width: 8.74447523rem;
  height: 8.74447523rem;
  animation: smoke-6 3040.43195131ms linear -2010.78371315ms infinite normal;
  offset-path: path("M 50 200, C -6.10567625 100 90.37917435 50 49.21591721 -50");
  background-color: #e8e8e8;
}

@keyframes smoke-6 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(22.53407403deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.67350488) translateX(calc(var(--wind) * 1vh)) scaleX(4.9489737) scaleY(1.72897954) rotate(64.73092474deg);
    opacity: 0;
  }
}
.particle:nth-child(7) {
  width: 6.08232201rem;
  height: 6.08232201rem;
  animation: smoke-7 3367.1021082ms linear -3068.61864445ms infinite normal;
  offset-path: path("M 50 200, C -37.6170252 100 50.367834 50 2.42396248 -50");
  background-color: #f1f1f1;
}

@keyframes smoke-7 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(23.74320417deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.76972814) translateX(calc(var(--wind) * 1vh)) scaleX(2.02963986) scaleY(1.91818235) rotate(88.55828409deg);
    opacity: 0;
  }
}
.particle:nth-child(8) {
  width: 8.72700456rem;
  height: 8.72700456rem;
  animation: smoke-8 3015.00951219ms linear -3472.14358481ms infinite normal;
  offset-path: path("M 50 200, C -47.98457137 100 -94.39336966 50 45.56138701 -50");
  background-color: #e3e3e3;
}

@keyframes smoke-8 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(9.82619939deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.01942952) translateX(calc(var(--wind) * 1vh)) scaleX(2.13115466) scaleY(1.7239693) rotate(28.75696632deg);
    opacity: 0;
  }
}
.particle:nth-child(9) {
  width: 7.72237257rem;
  height: 7.72237257rem;
  animation: smoke-9 3151.67410408ms linear -1828.52914007ms infinite normal;
  offset-path: path("M 50 200, C 34.98574819 100 -4.03497527 50 10.52980713 -50");
  background-color: #e0e0e0;
}

@keyframes smoke-9 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(13.8024307deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.74555237) translateX(calc(var(--wind) * 1vh)) scaleX(5.47183739) scaleY(1.61965909) rotate(69.68661946deg);
    opacity: 0;
  }
}
.particle:nth-child(10) {
  width: 6.02733578rem;
  height: 6.02733578rem;
  animation: smoke-10 3676.88626956ms linear -368.89004878ms infinite normal;
  offset-path: path("M 50 200, C 31.61341036 100 -22.09988024 50 3.47278786 -50");
  background-color: #d5d5d5;
}

@keyframes smoke-10 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(3.2671764deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.86284369) translateX(calc(var(--wind) * 1vh)) scaleX(5.12721582) scaleY(1.62402845) rotate(20.23547255deg);
    opacity: 0;
  }
}
.particle:nth-child(11) {
  width: 7.60092689rem;
  height: 7.60092689rem;
  animation: smoke-11 3323.82575929ms linear -1508.84887831ms infinite normal;
  offset-path: path("M 50 200, C -2.82897218 100 4.03158494 50 1.50687858 -50");
  background-color: #fbfbfb;
}

@keyframes smoke-11 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(23.44827071deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.58183162) translateX(calc(var(--wind) * 1vh)) scaleX(5.26109846) scaleY(1.51338085) rotate(28.35890924deg);
    opacity: 0;
  }
}
.particle:nth-child(12) {
  width: 6.28979313rem;
  height: 6.28979313rem;
  animation: smoke-12 3424.5806565ms linear -297.67657784ms infinite normal;
  offset-path: path("M 50 200, C 11.72282675 100 -49.87376353 50 23.33486014 -50");
  background-color: #f2f2f2;
}

@keyframes smoke-12 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(3.96827031deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.77462689) translateX(calc(var(--wind) * 1vh)) scaleX(3.74745814) scaleY(1.99986753) rotate(68.4069956deg);
    opacity: 0;
  }
}
.particle:nth-child(13) {
  width: 6.94422891rem;
  height: 6.94422891rem;
  animation: smoke-13 3099.63920874ms linear -2191.78691096ms infinite normal;
  offset-path: path("M 50 200, C -49.3572836 100 -1.15985529 50 16.50832015 -50");
  background-color: #f1f1f1;
}

@keyframes smoke-13 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(22.91146176deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.57761124) translateX(calc(var(--wind) * 1vh)) scaleX(3.3803914) scaleY(1.97687054) rotate(55.02919977deg);
    opacity: 0;
  }
}
.particle:nth-child(14) {
  width: 7.52417862rem;
  height: 7.52417862rem;
  animation: smoke-14 3333.63181124ms linear -232.32815312ms infinite normal;
  offset-path: path("M 50 200, C -49.07620426 100 -78.85471296 50 9.11337782 -50");
  background-color: #cdcdcd;
}

@keyframes smoke-14 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(25.47493227deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.59918411) translateX(calc(var(--wind) * 1vh)) scaleX(3.64345766) scaleY(1.57502514) rotate(48.09166764deg);
    opacity: 0;
  }
}
.particle:nth-child(15) {
  width: 6.77847748rem;
  height: 6.77847748rem;
  animation: smoke-15 3151.22150614ms linear -1459.01074428ms infinite normal;
  offset-path: path("M 50 200, C 10.33094494 100 18.06622631 50 17.62830244 -50");
  background-color: #fdfdfd;
}

@keyframes smoke-15 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(2.90539718deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.97957412) translateX(calc(var(--wind) * 1vh)) scaleX(3.74964391) scaleY(1.94952468) rotate(61.63921906deg);
    opacity: 0;
  }
}
.particle:nth-child(16) {
  width: 6.58453361rem;
  height: 6.58453361rem;
  animation: smoke-16 3497.89126071ms linear -3457.9702108ms infinite normal;
  offset-path: path("M 50 200, C 33.91534847 100 -67.19198877 50 27.24677608 -50");
  background-color: #efefef;
}

@keyframes smoke-16 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(9.73556234deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.22183652) translateX(calc(var(--wind) * 1vh)) scaleX(5.69737115) scaleY(1.90684175) rotate(3.5999177deg);
    opacity: 0;
  }
}
.particle:nth-child(17) {
  width: 6.42189165rem;
  height: 6.42189165rem;
  animation: smoke-17 3493.04523575ms linear -192.97318376ms infinite normal;
  offset-path: path("M 50 200, C -31.74226462 100 54.35098067 50 3.01117544 -50");
  background-color: #e9e9e9;
}

@keyframes smoke-17 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(1.0619475deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.7239301) translateX(calc(var(--wind) * 1vh)) scaleX(2.96764533) scaleY(1.76111442) rotate(21.51396416deg);
    opacity: 0;
  }
}
.particle:nth-child(18) {
  width: 8.04938131rem;
  height: 8.04938131rem;
  animation: smoke-18 3007.39995998ms linear -2889.19831257ms infinite normal;
  offset-path: path("M 50 200, C -24.87278558 100 -90.21060997 50 11.88508017 -50");
  background-color: #eeeeee;
}

@keyframes smoke-18 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(5.18419553deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.62887572) translateX(calc(var(--wind) * 1vh)) scaleX(4.64460384) scaleY(1.6359833) rotate(87.49533025deg);
    opacity: 0;
  }
}
.particle:nth-child(19) {
  width: 6.3768825rem;
  height: 6.3768825rem;
  animation: smoke-19 3146.51326466ms linear -1463.75993329ms infinite normal;
  offset-path: path("M 50 200, C -47.21706876 100 -83.69685383 50 3.15079722 -50");
  background-color: whitesmoke;
}

@keyframes smoke-19 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(15.12202708deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.22216954) translateX(calc(var(--wind) * 1vh)) scaleX(3.24160742) scaleY(1.73944384) rotate(43.99698976deg);
    opacity: 0;
  }
}
.particle:nth-child(20) {
  width: 6.20283929rem;
  height: 6.20283929rem;
  animation: smoke-20 3063.22781788ms linear -3108.21451843ms infinite normal;
  offset-path: path("M 50 200, C -14.30008051 100 -97.40190661 50 33.64123526 -50");
  background-color: #e6e6e6;
}

@keyframes smoke-20 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(25.67517929deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.8213497) translateX(calc(var(--wind) * 1vh)) scaleX(4.47769182) scaleY(1.66109594) rotate(65.91688575deg);
    opacity: 0;
  }
}
.particle:nth-child(21) {
  width: 7.61656306rem;
  height: 7.61656306rem;
  animation: smoke-21 3060.04608576ms linear -3081.61996532ms infinite normal;
  offset-path: path("M 50 200, C 33.70194753 100 -78.27450175 50 24.78661765 -50");
  background-color: #e3e3e3;
}

@keyframes smoke-21 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(8.70944121deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.7331702) translateX(calc(var(--wind) * 1vh)) scaleX(4.33780752) scaleY(1.7964933) rotate(5.8771624deg);
    opacity: 0;
  }
}
.particle:nth-child(22) {
  width: 6.09922645rem;
  height: 6.09922645rem;
  animation: smoke-22 3652.72368842ms linear -1798.98507074ms infinite normal;
  offset-path: path("M 50 200, C -29.5884183 100 20.11870872 50 41.82360912 -50");
  background-color: gainsboro;
}

@keyframes smoke-22 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(4.85056642deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.0883557) translateX(calc(var(--wind) * 1vh)) scaleX(5.58610593) scaleY(1.8542036) rotate(36.065503deg);
    opacity: 0;
  }
}
.particle:nth-child(23) {
  width: 6.03958718rem;
  height: 6.03958718rem;
  animation: smoke-23 3332.45474141ms linear -43.05201309ms infinite normal;
  offset-path: path("M 50 200, C 29.24189772 100 21.63588767 50 45.3488361 -50");
  background-color: #e2e2e2;
}

@keyframes smoke-23 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(0.53783944deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.08215891) translateX(calc(var(--wind) * 1vh)) scaleX(3.02644099) scaleY(1.52628951) rotate(34.71896836deg);
    opacity: 0;
  }
}
.particle:nth-child(24) {
  width: 8.6152906rem;
  height: 8.6152906rem;
  animation: smoke-24 3322.34231233ms linear -3293.52785464ms infinite normal;
  offset-path: path("M 50 200, C 27.43754624 100 83.16495353 50 42.70109447 -50");
  background-color: #fbfbfb;
}

@keyframes smoke-24 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(7.1165827deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.59318537) translateX(calc(var(--wind) * 1vh)) scaleX(5.23753407) scaleY(1.56839119) rotate(63.6840404deg);
    opacity: 0;
  }
}
.particle:nth-child(25) {
  width: 7.87240131rem;
  height: 7.87240131rem;
  animation: smoke-25 3167.54940086ms linear -1776.22269047ms infinite normal;
  offset-path: path("M 50 200, C 8.7052089 100 51.60368054 50 7.75934694 -50");
  background-color: #d9d9d9;
}

@keyframes smoke-25 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(3.51842411deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.20186729) translateX(calc(var(--wind) * 1vh)) scaleX(2.69248892) scaleY(1.70118486) rotate(22.28975168deg);
    opacity: 0;
  }
}
.particle:nth-child(26) {
  width: 6.65348657rem;
  height: 6.65348657rem;
  animation: smoke-26 3580.82167946ms linear -3326.41764363ms infinite normal;
  offset-path: path("M 50 200, C 28.21378034 100 -47.21750251 50 29.0018378 -50");
  background-color: #fafafa;
}

@keyframes smoke-26 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(12.34973192deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.21199745) translateX(calc(var(--wind) * 1vh)) scaleX(4.25343341) scaleY(1.64444665) rotate(27.06784116deg);
    opacity: 0;
  }
}
.particle:nth-child(27) {
  width: 7.90158092rem;
  height: 7.90158092rem;
  animation: smoke-27 3653.12652475ms linear -2073.09310631ms infinite normal;
  offset-path: path("M 50 200, C 45.98631633 100 -94.36957359 50 36.70708388 -50");
  background-color: #d5d5d5;
}

@keyframes smoke-27 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(25.21996926deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.97713873) translateX(calc(var(--wind) * 1vh)) scaleX(5.18224387) scaleY(1.57048147) rotate(29.58280385deg);
    opacity: 0;
  }
}
.particle:nth-child(28) {
  width: 8.70859075rem;
  height: 8.70859075rem;
  animation: smoke-28 3498.66149718ms linear -2087.29554339ms infinite normal;
  offset-path: path("M 50 200, C -7.67531816 100 11.32688886 50 35.59693247 -50");
  background-color: #f9f9f9;
}

@keyframes smoke-28 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(25.50569947deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.96360569) translateX(calc(var(--wind) * 1vh)) scaleX(3.23184057) scaleY(1.6242951) rotate(56.7534315deg);
    opacity: 0;
  }
}
.particle:nth-child(29) {
  width: 6.96019955rem;
  height: 6.96019955rem;
  animation: smoke-29 3363.70160796ms linear -672.81411186ms infinite normal;
  offset-path: path("M 50 200, C -41.20558457 100 -94.22718937 50 16.13069554 -50");
  background-color: #d5d5d5;
}

@keyframes smoke-29 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(15.67283354deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.13021742) translateX(calc(var(--wind) * 1vh)) scaleX(5.35647507) scaleY(1.95772593) rotate(22.02463223deg);
    opacity: 0;
  }
}
.particle:nth-child(30) {
  width: 7.51441471rem;
  height: 7.51441471rem;
  animation: smoke-30 3657.49608533ms linear -2768.10342245ms infinite normal;
  offset-path: path("M 50 200, C -26.20792332 100 23.01680276 50 2.67357947 -50");
  background-color: #e3e3e3;
}

@keyframes smoke-30 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(20.09602119deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.12661531) translateX(calc(var(--wind) * 1vh)) scaleX(3.45267977) scaleY(1.74490974) rotate(0.47373473deg);
    opacity: 0;
  }
}
.particle:nth-child(31) {
  width: 8.36800787rem;
  height: 8.36800787rem;
  animation: smoke-31 3481.00942472ms linear -866.49969394ms infinite normal;
  offset-path: path("M 50 200, C 18.48536784 100 -46.49132477 50 0.80280859 -50");
  background-color: #d0d0d0;
}

@keyframes smoke-31 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(6.28156672deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.10868654) translateX(calc(var(--wind) * 1vh)) scaleX(3.49129881) scaleY(1.98456729) rotate(43.19106762deg);
    opacity: 0;
  }
}
.particle:nth-child(32) {
  width: 7.81997604rem;
  height: 7.81997604rem;
  animation: smoke-32 3584.25882919ms linear -3060.47753653ms infinite normal;
  offset-path: path("M 50 200, C -10.0703943 100 7.2081963 50 8.46613901 -50");
  background-color: #fcfcfc;
}

@keyframes smoke-32 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(22.85863561deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.69596969) translateX(calc(var(--wind) * 1vh)) scaleX(5.64608641) scaleY(1.59011292) rotate(60.34697067deg);
    opacity: 0;
  }
}
.particle:nth-child(33) {
  width: 8.69618732rem;
  height: 8.69618732rem;
  animation: smoke-33 3469.324062ms linear -2996.79969561ms infinite normal;
  offset-path: path("M 50 200, C 30.99808354 100 -78.51348448 50 40.99225447 -50");
  background-color: #d6d6d6;
}

@keyframes smoke-33 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(26.74603578deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.24946456) translateX(calc(var(--wind) * 1vh)) scaleX(3.15536334) scaleY(1.88039533) rotate(22.42965984deg);
    opacity: 0;
  }
}
.particle:nth-child(34) {
  width: 7.94459576rem;
  height: 7.94459576rem;
  animation: smoke-34 3380.8222593ms linear -2951.84655623ms infinite normal;
  offset-path: path("M 50 200, C 3.23327768 100 -36.02196393 50 22.07964802 -50");
  background-color: #d7d7d7;
}

@keyframes smoke-34 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(11.36945484deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.71377172) translateX(calc(var(--wind) * 1vh)) scaleX(4.84992454) scaleY(1.65984659) rotate(6.39770814deg);
    opacity: 0;
  }
}
.particle:nth-child(35) {
  width: 6.76295027rem;
  height: 6.76295027rem;
  animation: smoke-35 3222.01800166ms linear -2313.77718623ms infinite normal;
  offset-path: path("M 50 200, C 28.46897153 100 -54.5502334 50 11.31482327 -50");
  background-color: #e3e3e3;
}

@keyframes smoke-35 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(2.24082991deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.13588342) translateX(calc(var(--wind) * 1vh)) scaleX(3.99684445) scaleY(1.7148324) rotate(50.02926879deg);
    opacity: 0;
  }
}
.particle:nth-child(36) {
  width: 8.28592501rem;
  height: 8.28592501rem;
  animation: smoke-36 3103.96121559ms linear -2269.83362788ms infinite normal;
  offset-path: path("M 50 200, C -34.57623535 100 48.62576752 50 15.02996226 -50");
  background-color: #e1e1e1;
}

@keyframes smoke-36 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(18.30576216deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.61317964) translateX(calc(var(--wind) * 1vh)) scaleX(4.62975972) scaleY(1.61624835) rotate(45.56611126deg);
    opacity: 0;
  }
}
.particle:nth-child(37) {
  width: 7.25688538rem;
  height: 7.25688538rem;
  animation: smoke-37 3228.23327506ms linear -3316.86230061ms infinite normal;
  offset-path: path("M 50 200, C 6.85828683 100 34.87215976 50 14.2064665 -50");
  background-color: #eaeaea;
}

@keyframes smoke-37 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(23.53957075deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(1.07821979) translateX(calc(var(--wind) * 1vh)) scaleX(2.79936339) scaleY(1.59585798) rotate(37.39524558deg);
    opacity: 0;
  }
}
.particle:nth-child(38) {
  width: 6.61013429rem;
  height: 6.61013429rem;
  animation: smoke-38 3395.36762371ms linear -1217.27338826ms infinite normal;
  offset-path: path("M 50 200, C 43.44843115 100 39.45311147 50 48.71469828 -50");
  background-color: #fdfdfd;
}

@keyframes smoke-38 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(4.58293933deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.75043073) translateX(calc(var(--wind) * 1vh)) scaleX(4.49549268) scaleY(1.83918922) rotate(6.47526496deg);
    opacity: 0;
  }
}
.particle:nth-child(39) {
  width: 8.42474032rem;
  height: 8.42474032rem;
  animation: smoke-39 3226.03156762ms linear -568.74452452ms infinite normal;
  offset-path: path("M 50 200, C -11.03289094 100 85.46395187 50 40.23254017 -50");
  background-color: #d4d4d4;
}

@keyframes smoke-39 {
  0% {
    offset-distance: 0%;
    transform: scale(1) rotate(25.54859666deg);
    opacity: 0.1;
  }
  100% {
    offset-distance: 100%;
    transform: scale(0.91087555) translateX(calc(var(--wind) * 1vh)) scaleX(4.69474148) scaleY(1.52264911) rotate(73.56681032deg);
    opacity: 0;
  }
}
.particle:nth-child(40) {
  width: 8.18742333rem;
  height: 8.18742333rem;
  animation: smoke-40 3058.74952302ms linear -3260.61149325ms infinite normal;
  offset-path: path("M 50 200, C 39.77594537 100 -13.8218606 50 35.08158503 -50");
  background-color: #e4e4e4;
}

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