style.css

* {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  /* outline: none; */
  text-decoration: none;
  font-family: inherit;
  box-sizing: border-box;
}
ol,
ul,
li {
  list-style: none;
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img {
  border: none;
}
button,
a {
  cursor: pointer;
  color: inherit;
}
textarea {
  resize: none;
}
/* button,
input,
textarea,
select {
  appearance: none !important;
  -webkit-appearance: none !important;
  border-radius: 0;
} */

/* end of css reset */

body {
  max-height: 100vh;
}

div#root {
  display: grid;
  height: 100vh;
  width: 100vw;
  overflow: hidden;

  grid-template-columns: 30vw 40vw 30vw;
  grid-template-rows: repeat(5, 20%);

  /* background-color: #5c4d7d; */
  background: rgb(23, 128, 161);
  background: -moz-radial-gradient(
    circle,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 80%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 80%
  );
  background: radial-gradient(
    circle,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 80%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1780a1",endColorstr="#5c4d7d",GradientType=1);

  color: #38a3a5;
  font-family: "Fjalla One", sans-serif;
  font-size: 16px;
}

form#form {
  display: flex;
  display: grid;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline;

  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(5, 20%);

  grid-row: 2/5;
  grid-column: 2;

  background-color: #4d194d;

  border: #240046 2px solid;
  box-shadow: 5px 5px 0.8px #240046;

  z-index: 10;
}

p {
  margin-top: 20px;
}

#divGen {
  display: flex;
  flex-direction: column;
  grid-column: 1;
  grid-row: 1;
  align-items: flex-end;
}
#inputContent {
  grid-column: 1;
  grid-row: 1;
  margin: 60px auto;
}

#divRace {
  display: grid;
  grid-column: 3;
  grid-row: 2/5;
}
#inputContentR {
  grid-column: 3;
  grid-row: 1;
  margin: 60px auto;
}

#inputContentN {
  display: flex;
  grid-column: 2;
  grid-row: 5/6;
  margin: 0 auto;
  align-items: center;

  color: #4d194d;
  font-size: 40px;
  text-shadow: 1px 4px #8462ad;

  z-index: 1;
}

#divClass {
  display: grid;
  grid-column: 1;
  grid-row: 3/5;
}
#inputContentC {
  grid-column: 1;
  grid-row: 3;
  margin: 40px auto;
}
p.gender {
  margin: 20px auto;
  grid-column: 1;
  grid-row: 1;
}
img.gender {
  margin-top: 10px;
  height: 100px;
}

img.gender.woman {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

p.race {
  margin: 20px auto;
  grid-column: 3;
  grid-row: 1;
}
img.race {
  height: 450px;
  margin: 0 auto;
  /* position: absolute; */
  /* margin-top: 20px; */
}
p.class {
  margin: 0 auto;
  grid-column: 1;
  grid-row: 3/4;
}
img.class {
  margin: 60px auto;

  height: 200px;
}

button {
  justify-self: center;

  /* background-color: rgba(92, 77, 125, 0.5); */
  background: rgb(23, 128, 161);
  background: -moz-linear-gradient(
    135deg,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 60%
  );
  background: -webkit-linear-gradient(
    135deg,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 60%
  );
  background: linear-gradient(
    135deg,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1780a1",endColorstr="#5c4d7d",GradientType=1);

  border: #240046 2px solid;
  box-shadow: -5px -4px 0.8px #240046;

  color: #240046;
  text-shadow: 2.8px 1.2px #22577a;

  width: 120px;
  height: 120px;
  border-radius: 50%;

  grid-column: 2/3;
  grid-row: 3/4;

  font-size: 2rem;
}

button:hover {
  font-size: 2.5rem;
  box-shadow: 5px 4px 0.8px #240046;

  width: 125px;
  height: 125px;
}

select {
  background-color: #240046;
  color: #efefd0;
  padding: 3px;
}

h2 {
  color: rgba(23, 128, 161, 1);
  text-shadow: 4px 2px #240046;
  margin: 15px auto;

  grid-row: 1;
  grid-column: 1/3;
}

form#form div:nth-of-type(1) {
  grid-column: 1;
  grid-row: 2;
}
form#form div:nth-of-type(2) {
  grid-column: 1;
  grid-row: 3;
}
form#form div:nth-of-type(3) {
  grid-column: 1;
  grid-row: 4;
}
form#form div:nth-of-type(4) {
  grid-column: 1;
  grid-row: 5;
}

label {
  margin-left: 20px;
}

input#name {
  background-color: #240046;
  padding: 5px 10px;
  color: #efefd0;
  /* position: absolute; */

  margin-left: 20px;
  margin-top: 5px;
}

select {
  /* position: absolute; */
  /* margin-top: 30px; */
  margin: 5px 80px;
  max-width: 95px;
  width: 95px;
  left: 46vw;
}
/* select#gender {
  padding: 0, 120px;
} */

p {
  font-size: 20px;
  color: #efefd0;
  text-shadow: 2px 1px #38a3a5;
}

@media only screen and (max-width: 600px) and (max-height: 800px) {
  #root {
    max-height: 100vh;
  }
  img.gender {
    height: 60px;
    margin-top: 100px;
  }
  img.race {
    height: 180px;
  }
  img.class {
    height: 80px;
  }

  form#form {
    font-size: 0.5rem;
  }

  label {
    margin-left: 5px;
  }

  select {
    font-size: 0.5rem;
    width: 68px;
    margin: 5px auto;
    grid-column: 2;
  }
  button {
    width: 50px;
    height: 50px;
    box-shadow: -3px -2px 0.8px #240046;
    text-shadow: 1.4px 0.6px #22577a;
    font-size: 1.1rem;

    grid-column: 1;
    grid-row: 5/6;

    align-self: flex-end;

    margin-bottom: 5px;
  }
  p {
    font-size: 0.8rem;
  }
  form#form div:nth-of-type(2),
  form#form div:nth-of-type(3),
  form#form div:nth-of-type(4) {
    grid-column: 2;
  }
  form#form div:nth-of-type(1) {
    grid-column: 2;
    font-size: 0.6rem;
  }
  input#name {
    margin: 5px auto;
    width: 18vw;
  }
  #inputContentN {
    z-index: 1;
  }
  h2 {
    font-size: 0.9rem;
  }
}

div#loading {
  position: absolute;
  top: 0;
  left: 0;

  width: 100vw;
  height: 100vh;
  background: rgb(23, 128, 161);
  background: -moz-radial-gradient(
    circle,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 80%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 80%
  );
  background: radial-gradient(
    circle,
    rgba(23, 128, 161, 1) 4%,
    rgba(46, 111, 149, 1) 25%,
    rgba(92, 77, 125, 1) 80%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1780a1",endColorstr="#5c4d7d",GradientType=1);
  z-index: 100;

  color: #efefd0;
  text-shadow: 2px 1px #240046;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* Start of fire animation */

.fire {
  display: grid;
  font-size: 16px;
  filter: blur(0.02em);
  -webkit-filter: blur(0.02em);
  margin: 0.1em auto 0 auto;
  position: relative;
  width: 10em;
  height: 12em;

  grid-column: 2;
  grid-row: 5;
}

.particle {
  display: grid;
  animation: rise 1s ease-in infinite;
  background-image: radial-gradient(#8462ad 20%, rgba(255, 0, 128, 0.1) 70%);
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: 0;
  position: absolute;
  bottom: 0;
  width: 5em;
  height: 5em;

  grid-column: 2;
  grid-row: 5/6;
}
.particle:nth-of-type(1) {
  animation-delay: 0.9721264002s;
  left: calc((100% - 5em) * 0);
}
.particle:nth-of-type(2) {
  animation-delay: 0.4894154772s;
  left: calc((100% - 5em) * 0.02);
}
.particle:nth-of-type(3) {
  animation-delay: 0.2325942741s;
  left: calc((100% - 5em) * 0.04);
}
.particle:nth-of-type(4) {
  animation-delay: 0.6416366638s;
  left: calc((100% - 5em) * 0.06);
}
.particle:nth-of-type(5) {
  animation-delay: 0.5301716323s;
  left: calc((100% - 5em) * 0.08);
}
.particle:nth-of-type(6) {
  animation-delay: 0.7281803441s;
  left: calc((100% - 5em) * 0.1);
}
.particle:nth-of-type(7) {
  animation-delay: 0.4194123703s;
  left: calc((100% - 5em) * 0.12);
}
.particle:nth-of-type(8) {
  animation-delay: 0.1212276435s;
  left: calc((100% - 5em) * 0.14);
}
.particle:nth-of-type(9) {
  animation-delay: 0.087207359s;
  left: calc((100% - 5em) * 0.16);
}
.particle:nth-of-type(10) {
  animation-delay: 0.5720281057s;
  left: calc((100% - 5em) * 0.18);
}
.particle:nth-of-type(11) {
  animation-delay: 0.8763257196s;
  left: calc((100% - 5em) * 0.2);
}
.particle:nth-of-type(12) {
  animation-delay: 0.1974137386s;
  left: calc((100% - 5em) * 0.22);
}
.particle:nth-of-type(13) {
  animation-delay: 0.0033680002s;
  left: calc((100% - 5em) * 0.24);
}
.particle:nth-of-type(14) {
  animation-delay: 0.2783575269s;
  left: calc((100% - 5em) * 0.26);
}
.particle:nth-of-type(15) {
  animation-delay: 0.3557137883s;
  left: calc((100% - 5em) * 0.28);
}
.particle:nth-of-type(16) {
  animation-delay: 0.5789117795s;
  left: calc((100% - 5em) * 0.3);
}
.particle:nth-of-type(17) {
  animation-delay: 0.5866037049s;
  left: calc((100% - 5em) * 0.32);
}
.particle:nth-of-type(18) {
  animation-delay: 0.1771471435s;
  left: calc((100% - 5em) * 0.34);
}
.particle:nth-of-type(19) {
  animation-delay: 0.2806210671s;
  left: calc((100% - 5em) * 0.36);
}
.particle:nth-of-type(20) {
  animation-delay: 0.3489346255s;
  left: calc((100% - 5em) * 0.38);
}
.particle:nth-of-type(21) {
  animation-delay: 0.1293538003s;
  left: calc((100% - 5em) * 0.4);
}
.particle:nth-of-type(22) {
  animation-delay: 0.1646912993s;
  left: calc((100% - 5em) * 0.42);
}
.particle:nth-of-type(23) {
  animation-delay: 0.3267355288s;
  left: calc((100% - 5em) * 0.44);
}
.particle:nth-of-type(24) {
  animation-delay: 0.7304075116s;
  left: calc((100% - 5em) * 0.46);
}
.particle:nth-of-type(25) {
  animation-delay: 0.3966386439s;
  left: calc((100% - 5em) * 0.48);
}
.particle:nth-of-type(26) {
  animation-delay: 0.3799748524s;
  left: calc((100% - 5em) * 0.5);
}
.particle:nth-of-type(27) {
  animation-delay: 0.882979664s;
  left: calc((100% - 5em) * 0.52);
}
.particle:nth-of-type(28) {
  animation-delay: 0.7460873877s;
  left: calc((100% - 5em) * 0.54);
}
.particle:nth-of-type(29) {
  animation-delay: 0.2445696043s;
  left: calc((100% - 5em) * 0.56);
}
.particle:nth-of-type(30) {
  animation-delay: 0.4644516102s;
  left: calc((100% - 5em) * 0.58);
}
.particle:nth-of-type(31) {
  animation-delay: 0.0810081107s;
  left: calc((100% - 5em) * 0.6);
}
.particle:nth-of-type(32) {
  animation-delay: 0.6355389389s;
  left: calc((100% - 5em) * 0.62);
}
.particle:nth-of-type(33) {
  animation-delay: 0.9023678688s;
  left: calc((100% - 5em) * 0.64);
}
.particle:nth-of-type(34) {
  animation-delay: 0.6752584041s;
  left: calc((100% - 5em) * 0.66);
}
.particle:nth-of-type(35) {
  animation-delay: 0.6452512456s;
  left: calc((100% - 5em) * 0.68);
}
.particle:nth-of-type(36) {
  animation-delay: 0.0594549033s;
  left: calc((100% - 5em) * 0.7);
}
.particle:nth-of-type(37) {
  animation-delay: 0.0901354321s;
  left: calc((100% - 5em) * 0.72);
}
.particle:nth-of-type(38) {
  animation-delay: 0.9817247405s;
  left: calc((100% - 5em) * 0.74);
}
.particle:nth-of-type(39) {
  animation-delay: 0.7019019376s;
  left: calc((100% - 5em) * 0.76);
}
.particle:nth-of-type(40) {
  animation-delay: 0.1594644494s;
  left: calc((100% - 5em) * 0.78);
}
.particle:nth-of-type(41) {
  animation-delay: 0.3963970891s;
  left: calc((100% - 5em) * 0.8);
}
.particle:nth-of-type(42) {
  animation-delay: 0.2424920103s;
  left: calc((100% - 5em) * 0.82);
}
.particle:nth-of-type(43) {
  animation-delay: 0.1925916045s;
  left: calc((100% - 5em) * 0.84);
}
.particle:nth-of-type(44) {
  animation-delay: 0.342303784s;
  left: calc((100% - 5em) * 0.86);
}
.particle:nth-of-type(45) {
  animation-delay: 0.7991952777s;
  left: calc((100% - 5em) * 0.88);
}
.particle:nth-of-type(46) {
  animation-delay: 0.3571606339s;
  left: calc((100% - 5em) * 0.9);
}
.particle:nth-of-type(47) {
  animation-delay: 0.1135901779s;
  left: calc((100% - 5em) * 0.92);
}
.particle:nth-of-type(48) {
  animation-delay: 0.0058287352s;
  left: calc((100% - 5em) * 0.94);
}
.particle:nth-of-type(49) {
  animation-delay: 0.1487229868s;
  left: calc((100% - 5em) * 0.96);
}
.particle:nth-of-type(50) {
  animation-delay: 0.4827861094s;
  left: calc((100% - 5em) * 0.98);
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(0) scale(1);
  }
  25% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-10em) scale(0);
  }
}

/* End of fire animation */

/* Start of snow animation */
body {
  height: 100vh;

  overflow: hidden;
  filter: drop-shadow(0 0 10px white);
}

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.2754;
  transform: translate(93.8564vw, -10px) scale(0.7667);
  animation: fall-1 14s -27s linear infinite;
}
@keyframes fall-1 {
  41.549% {
    transform: translate(97.9619vw, 41.549vh) scale(0.7667);
  }
  to {
    transform: translate(95.90915vw, 100vh) scale(0.7667);
  }
}
.snow:nth-child(2) {
  opacity: 0.7787;
  transform: translate(54.6948vw, -10px) scale(0.4187);
  animation: fall-2 16s -14s linear infinite;
}
@keyframes fall-2 {
  43.538% {
    transform: translate(61.1391vw, 43.538vh) scale(0.4187);
  }
  to {
    transform: translate(57.91695vw, 100vh) scale(0.4187);
  }
}
.snow:nth-child(3) {
  opacity: 0.5316;
  transform: translate(65.3376vw, -10px) scale(0.0134);
  animation: fall-3 11s -15s linear infinite;
}
@keyframes fall-3 {
  71.628% {
    transform: translate(56.623vw, 71.628vh) scale(0.0134);
  }
  to {
    transform: translate(60.9803vw, 100vh) scale(0.0134);
  }
}
.snow:nth-child(4) {
  opacity: 0.263;
  transform: translate(92.2465vw, -10px) scale(0.2646);
  animation: fall-4 30s -2s linear infinite;
}
@keyframes fall-4 {
  71.354% {
    transform: translate(87.8839vw, 71.354vh) scale(0.2646);
  }
  to {
    transform: translate(90.0652vw, 100vh) scale(0.2646);
  }
}
.snow:nth-child(5) {
  opacity: 0.5881;
  transform: translate(62.7424vw, -10px) scale(0.0731);
  animation: fall-5 25s -3s linear infinite;
}
@keyframes fall-5 {
  59.124% {
    transform: translate(58.0928vw, 59.124vh) scale(0.0731);
  }
  to {
    transform: translate(60.4176vw, 100vh) scale(0.0731);
  }
}
.snow:nth-child(6) {
  opacity: 0.922;
  transform: translate(58.7027vw, -10px) scale(0.0774);
  animation: fall-6 12s -12s linear infinite;
}
@keyframes fall-6 {
  51.905% {
    transform: translate(60.2964vw, 51.905vh) scale(0.0774);
  }
  to {
    transform: translate(59.49955vw, 100vh) scale(0.0774);
  }
}
.snow:nth-child(7) {
  opacity: 0.0548;
  transform: translate(86.1755vw, -10px) scale(0.5422);
  animation: fall-7 23s -13s linear infinite;
}
@keyframes fall-7 {
  40.347% {
    transform: translate(88.7575vw, 40.347vh) scale(0.5422);
  }
  to {
    transform: translate(87.4665vw, 100vh) scale(0.5422);
  }
}
.snow:nth-child(8) {
  opacity: 0.2669;
  transform: translate(82.6506vw, -10px) scale(0.8601);
  animation: fall-8 15s -13s linear infinite;
}
@keyframes fall-8 {
  57.208% {
    transform: translate(87.3619vw, 57.208vh) scale(0.8601);
  }
  to {
    transform: translate(85.00625vw, 100vh) scale(0.8601);
  }
}
.snow:nth-child(9) {
  opacity: 0.0479;
  transform: translate(7.2329vw, -10px) scale(0.0135);
  animation: fall-9 24s -25s linear infinite;
}
@keyframes fall-9 {
  49.157% {
    transform: translate(12.4816vw, 49.157vh) scale(0.0135);
  }
  to {
    transform: translate(9.85725vw, 100vh) scale(0.0135);
  }
}
.snow:nth-child(10) {
  opacity: 0.1686;
  transform: translate(43.4479vw, -10px) scale(0.641);
  animation: fall-10 29s -25s linear infinite;
}
@keyframes fall-10 {
  61.81% {
    transform: translate(45.4887vw, 61.81vh) scale(0.641);
  }
  to {
    transform: translate(44.4683vw, 100vh) scale(0.641);
  }
}
.snow:nth-child(11) {
  opacity: 0.1087;
  transform: translate(89.8626vw, -10px) scale(0.6048);
  animation: fall-11 11s -4s linear infinite;
}
@keyframes fall-11 {
  35.89% {
    transform: translate(86.9683vw, 35.89vh) scale(0.6048);
  }
  to {
    transform: translate(88.41545vw, 100vh) scale(0.6048);
  }
}
.snow:nth-child(12) {
  opacity: 0.0488;
  transform: translate(24.103vw, -10px) scale(0.7658);
  animation: fall-12 10s -25s linear infinite;
}
@keyframes fall-12 {
  41.941% {
    transform: translate(22.9126vw, 41.941vh) scale(0.7658);
  }
  to {
    transform: translate(23.5078vw, 100vh) scale(0.7658);
  }
}
.snow:nth-child(13) {
  opacity: 0.8621;
  transform: translate(89.4544vw, -10px) scale(0.2336);
  animation: fall-13 30s -8s linear infinite;
}
@keyframes fall-13 {
  53.883% {
    transform: translate(86.0291vw, 53.883vh) scale(0.2336);
  }
  to {
    transform: translate(87.74175vw, 100vh) scale(0.2336);
  }
}
.snow:nth-child(14) {
  opacity: 0.2913;
  transform: translate(75.2528vw, -10px) scale(0.7015);
  animation: fall-14 24s -3s linear infinite;
}
@keyframes fall-14 {
  61.828% {
    transform: translate(70.6472vw, 61.828vh) scale(0.7015);
  }
  to {
    transform: translate(72.95vw, 100vh) scale(0.7015);
  }
}
.snow:nth-child(15) {
  opacity: 0.1785;
  transform: translate(40.3158vw, -10px) scale(0.1704);
  animation: fall-15 30s -28s linear infinite;
}
@keyframes fall-15 {
  32.767% {
    transform: translate(35.787vw, 32.767vh) scale(0.1704);
  }
  to {
    transform: translate(38.0514vw, 100vh) scale(0.1704);
  }
}
.snow:nth-child(16) {
  opacity: 0.3222;
  transform: translate(74.0564vw, -10px) scale(0.3154);
  animation: fall-16 24s -9s linear infinite;
}
@keyframes fall-16 {
  59.774% {
    transform: translate(69.9536vw, 59.774vh) scale(0.3154);
  }
  to {
    transform: translate(72.005vw, 100vh) scale(0.3154);
  }
}
.snow:nth-child(17) {
  opacity: 0.3646;
  transform: translate(55.4322vw, -10px) scale(0.2148);
  animation: fall-17 10s -7s linear infinite;
}
@keyframes fall-17 {
  79.157% {
    transform: translate(52.4339vw, 79.157vh) scale(0.2148);
  }
  to {
    transform: translate(53.93305vw, 100vh) scale(0.2148);
  }
}
.snow:nth-child(18) {
  opacity: 0.3247;
  transform: translate(6.4864vw, -10px) scale(0.4427);
  animation: fall-18 26s -4s linear infinite;
}
@keyframes fall-18 {
  68.519% {
    transform: translate(12.291vw, 68.519vh) scale(0.4427);
  }
  to {
    transform: translate(9.3887vw, 100vh) scale(0.4427);
  }
}
.snow:nth-child(19) {
  opacity: 0.4011;
  transform: translate(99.9381vw, -10px) scale(0.6412);
  animation: fall-19 12s -15s linear infinite;
}
@keyframes fall-19 {
  50.535% {
    transform: translate(91.3552vw, 50.535vh) scale(0.6412);
  }
  to {
    transform: translate(95.64665vw, 100vh) scale(0.6412);
  }
}
.snow:nth-child(20) {
  opacity: 0.0553;
  transform: translate(40.3279vw, -10px) scale(0.8427);
  animation: fall-20 16s -28s linear infinite;
}
@keyframes fall-20 {
  67.501% {
    transform: translate(44.1946vw, 67.501vh) scale(0.8427);
  }
  to {
    transform: translate(42.26125vw, 100vh) scale(0.8427);
  }
}
.snow:nth-child(21) {
  opacity: 0.7511;
  transform: translate(88.4048vw, -10px) scale(0.893);
  animation: fall-21 21s -16s linear infinite;
}
@keyframes fall-21 {
  31.507% {
    transform: translate(98.1084vw, 31.507vh) scale(0.893);
  }
  to {
    transform: translate(93.2566vw, 100vh) scale(0.893);
  }
}
.snow:nth-child(22) {
  opacity: 0.2954;
  transform: translate(12.0805vw, -10px) scale(0.9214);
  animation: fall-22 16s -26s linear infinite;
}
@keyframes fall-22 {
  72.635% {
    transform: translate(16.57vw, 72.635vh) scale(0.9214);
  }
  to {
    transform: translate(14.32525vw, 100vh) scale(0.9214);
  }
}
.snow:nth-child(23) {
  opacity: 0.3439;
  transform: translate(11.7371vw, -10px) scale(0.6313);
  animation: fall-23 29s -17s linear infinite;
}
@keyframes fall-23 {
  48.849% {
    transform: translate(13.7503vw, 48.849vh) scale(0.6313);
  }
  to {
    transform: translate(12.7437vw, 100vh) scale(0.6313);
  }
}
.snow:nth-child(24) {
  opacity: 0.8348;
  transform: translate(63.7494vw, -10px) scale(0.5518);
  animation: fall-24 16s -26s linear infinite;
}
@keyframes fall-24 {
  72.43% {
    transform: translate(53.9408vw, 72.43vh) scale(0.5518);
  }
  to {
    transform: translate(58.8451vw, 100vh) scale(0.5518);
  }
}
.snow:nth-child(25) {
  opacity: 0.0752;
  transform: translate(59.6904vw, -10px) scale(0.9995);
  animation: fall-25 15s -25s linear infinite;
}
@keyframes fall-25 {
  63.668% {
    transform: translate(49.9156vw, 63.668vh) scale(0.9995);
  }
  to {
    transform: translate(54.803vw, 100vh) scale(0.9995);
  }
}
.snow:nth-child(26) {
  opacity: 0.0544;
  transform: translate(98.8108vw, -10px) scale(0.5205);
  animation: fall-26 15s -25s linear infinite;
}
@keyframes fall-26 {
  78.819% {
    transform: translate(105.934vw, 78.819vh) scale(0.5205);
  }
  to {
    transform: translate(102.3724vw, 100vh) scale(0.5205);
  }
}
.snow:nth-child(27) {
  opacity: 0.0375;
  transform: translate(80.72vw, -10px) scale(0.6677);
  animation: fall-27 25s -5s linear infinite;
}
@keyframes fall-27 {
  34.205% {
    transform: translate(75.3104vw, 34.205vh) scale(0.6677);
  }
  to {
    transform: translate(78.0152vw, 100vh) scale(0.6677);
  }
}
.snow:nth-child(28) {
  opacity: 0.1867;
  transform: translate(26.8334vw, -10px) scale(0.4048);
  animation: fall-28 25s -10s linear infinite;
}
@keyframes fall-28 {
  59.377% {
    transform: translate(27.2273vw, 59.377vh) scale(0.4048);
  }
  to {
    transform: translate(27.03035vw, 100vh) scale(0.4048);
  }
}
.snow:nth-child(29) {
  opacity: 0.0645;
  transform: translate(42.8564vw, -10px) scale(0.5497);
  animation: fall-29 24s -20s linear infinite;
}
@keyframes fall-29 {
  31.573% {
    transform: translate(49.7196vw, 31.573vh) scale(0.5497);
  }
  to {
    transform: translate(46.288vw, 100vh) scale(0.5497);
  }
}
.snow:nth-child(30) {
  opacity: 0.2695;
  transform: translate(91.8571vw, -10px) scale(0.9271);
  animation: fall-30 14s -12s linear infinite;
}
@keyframes fall-30 {
  57.822% {
    transform: translate(90.6124vw, 57.822vh) scale(0.9271);
  }
  to {
    transform: translate(91.23475vw, 100vh) scale(0.9271);
  }
}
.snow:nth-child(31) {
  opacity: 0.9732;
  transform: translate(24.933vw, -10px) scale(0.7457);
  animation: fall-31 22s -2s linear infinite;
}
@keyframes fall-31 {
  64.895% {
    transform: translate(22.3448vw, 64.895vh) scale(0.7457);
  }
  to {
    transform: translate(23.6389vw, 100vh) scale(0.7457);
  }
}
.snow:nth-child(32) {
  opacity: 0.5659;
  transform: translate(65.4488vw, -10px) scale(0.2157);
  animation: fall-32 28s -9s linear infinite;
}
@keyframes fall-32 {
  43.602% {
    transform: translate(73.6039vw, 43.602vh) scale(0.2157);
  }
  to {
    transform: translate(69.52635vw, 100vh) scale(0.2157);
  }
}
.snow:nth-child(33) {
  opacity: 0.0869;
  transform: translate(16.7275vw, -10px) scale(0.1056);
  animation: fall-33 21s -5s linear infinite;
}
@keyframes fall-33 {
  57.909% {
    transform: translate(26.6549vw, 57.909vh) scale(0.1056);
  }
  to {
    transform: translate(21.6912vw, 100vh) scale(0.1056);
  }
}
.snow:nth-child(34) {
  opacity: 0.5423;
  transform: translate(1.4823vw, -10px) scale(0.2406);
  animation: fall-34 14s -15s linear infinite;
}
@keyframes fall-34 {
  77.24% {
    transform: translate(0.6423vw, 77.24vh) scale(0.2406);
  }
  to {
    transform: translate(1.0623vw, 100vh) scale(0.2406);
  }
}
.snow:nth-child(35) {
  opacity: 0.7287;
  transform: translate(8.206vw, -10px) scale(0.7797);
  animation: fall-35 22s -6s linear infinite;
}
@keyframes fall-35 {
  61.351% {
    transform: translate(-0.065vw, 61.351vh) scale(0.7797);
  }
  to {
    transform: translate(4.0705vw, 100vh) scale(0.7797);
  }
}
.snow:nth-child(36) {
  opacity: 0.0099;
  transform: translate(4.5529vw, -10px) scale(0.8532);
  animation: fall-36 25s -18s linear infinite;
}
@keyframes fall-36 {
  53.771% {
    transform: translate(4.2682vw, 53.771vh) scale(0.8532);
  }
  to {
    transform: translate(4.41055vw, 100vh) scale(0.8532);
  }
}
.snow:nth-child(37) {
  opacity: 0.3541;
  transform: translate(89.579vw, -10px) scale(0.5056);
  animation: fall-37 16s -14s linear infinite;
}
@keyframes fall-37 {
  54.567% {
    transform: translate(97.1258vw, 54.567vh) scale(0.5056);
  }
  to {
    transform: translate(93.3524vw, 100vh) scale(0.5056);
  }
}
.snow:nth-child(38) {
  opacity: 0.1922;
  transform: translate(44.4366vw, -10px) scale(0.267);
  animation: fall-38 21s -9s linear infinite;
}
@keyframes fall-38 {
  54.846% {
    transform: translate(41.1743vw, 54.846vh) scale(0.267);
  }
  to {
    transform: translate(42.80545vw, 100vh) scale(0.267);
  }
}
.snow:nth-child(39) {
  opacity: 0.3873;
  transform: translate(69.3445vw, -10px) scale(0.8962);
  animation: fall-39 12s -4s linear infinite;
}
@keyframes fall-39 {
  69.916% {
    transform: translate(67.4335vw, 69.916vh) scale(0.8962);
  }
  to {
    transform: translate(68.389vw, 100vh) scale(0.8962);
  }
}
.snow:nth-child(40) {
  opacity: 0.9859;
  transform: translate(59.9051vw, -10px) scale(0.4537);
  animation: fall-40 28s -30s linear infinite;
}
@keyframes fall-40 {
  64.131% {
    transform: translate(50.1017vw, 64.131vh) scale(0.4537);
  }
  to {
    transform: translate(55.0034vw, 100vh) scale(0.4537);
  }
}
.snow:nth-child(41) {
  opacity: 0.0607;
  transform: translate(40.4113vw, -10px) scale(0.5091);
  animation: fall-41 10s -30s linear infinite;
}
@keyframes fall-41 {
  33.686% {
    transform: translate(39.9284vw, 33.686vh) scale(0.5091);
  }
  to {
    transform: translate(40.16985vw, 100vh) scale(0.5091);
  }
}
.snow:nth-child(42) {
  opacity: 0.965;
  transform: translate(83.814vw, -10px) scale(0.023);
  animation: fall-42 12s -30s linear infinite;
}
@keyframes fall-42 {
  69.407% {
    transform: translate(87.225vw, 69.407vh) scale(0.023);
  }
  to {
    transform: translate(85.5195vw, 100vh) scale(0.023);
  }
}
.snow:nth-child(43) {
  opacity: 0.1656;
  transform: translate(98.4448vw, -10px) scale(0.3137);
  animation: fall-43 13s -10s linear infinite;
}
@keyframes fall-43 {
  56.584% {
    transform: translate(103.6849vw, 56.584vh) scale(0.3137);
  }
  to {
    transform: translate(101.06485vw, 100vh) scale(0.3137);
  }
}
.snow:nth-child(44) {
  opacity: 0.17;
  transform: translate(93.1156vw, -10px) scale(0.7367);
  animation: fall-44 24s -2s linear infinite;
}
@keyframes fall-44 {
  70.991% {
    transform: translate(96.4635vw, 70.991vh) scale(0.7367);
  }
  to {
    transform: translate(94.78955vw, 100vh) scale(0.7367);
  }
}
.snow:nth-child(45) {
  opacity: 0.0471;
  transform: translate(40.2446vw, -10px) scale(0.8469);
  animation: fall-45 12s -17s linear infinite;
}
@keyframes fall-45 {
  45.331% {
    transform: translate(31.9459vw, 45.331vh) scale(0.8469);
  }
  to {
    transform: translate(36.09525vw, 100vh) scale(0.8469);
  }
}
.snow:nth-child(46) {
  opacity: 0.078;
  transform: translate(20.6455vw, -10px) scale(0.9556);
  animation: fall-46 23s -24s linear infinite;
}
@keyframes fall-46 {
  72.999% {
    transform: translate(29.1358vw, 72.999vh) scale(0.9556);
  }
  to {
    transform: translate(24.89065vw, 100vh) scale(0.9556);
  }
}
.snow:nth-child(47) {
  opacity: 0.4761;
  transform: translate(83.9171vw, -10px) scale(0.0345);
  animation: fall-47 27s -17s linear infinite;
}
@keyframes fall-47 {
  59.864% {
    transform: translate(87.3vw, 59.864vh) scale(0.0345);
  }
  to {
    transform: translate(85.60855vw, 100vh) scale(0.0345);
  }
}
.snow:nth-child(48) {
  opacity: 0.6344;
  transform: translate(37.1506vw, -10px) scale(0.9683);
  animation: fall-48 29s -30s linear infinite;
}
@keyframes fall-48 {
  32.833% {
    transform: translate(42.9501vw, 32.833vh) scale(0.9683);
  }
  to {
    transform: translate(40.05035vw, 100vh) scale(0.9683);
  }
}
.snow:nth-child(49) {
  opacity: 0.4752;
  transform: translate(79.5419vw, -10px) scale(0.2491);
  animation: fall-49 26s -23s linear infinite;
}
@keyframes fall-49 {
  52.196% {
    transform: translate(88.618vw, 52.196vh) scale(0.2491);
  }
  to {
    transform: translate(84.07995vw, 100vh) scale(0.2491);
  }
}
.snow:nth-child(50) {
  opacity: 0.8867;
  transform: translate(22.2084vw, -10px) scale(0.8469);
  animation: fall-50 30s -3s linear infinite;
}
@keyframes fall-50 {
  47.204% {
    transform: translate(17.9088vw, 47.204vh) scale(0.8469);
  }
  to {
    transform: translate(20.0586vw, 100vh) scale(0.8469);
  }
}
.snow:nth-child(51) {
  opacity: 0.0721;
  transform: translate(26.8707vw, -10px) scale(0.8465);
  animation: fall-51 19s -8s linear infinite;
}
@keyframes fall-51 {
  45.969% {
    transform: translate(22.7238vw, 45.969vh) scale(0.8465);
  }
  to {
    transform: translate(24.79725vw, 100vh) scale(0.8465);
  }
}
.snow:nth-child(52) {
  opacity: 0.6976;
  transform: translate(33.592vw, -10px) scale(0.6051);
  animation: fall-52 15s -28s linear infinite;
}
@keyframes fall-52 {
  63.9% {
    transform: translate(43.5487vw, 63.9vh) scale(0.6051);
  }
  to {
    transform: translate(38.57035vw, 100vh) scale(0.6051);
  }
}
.snow:nth-child(53) {
  opacity: 0.8993;
  transform: translate(10.3404vw, -10px) scale(0.2522);
  animation: fall-53 29s -6s linear infinite;
}
@keyframes fall-53 {
  51.902% {
    transform: translate(0.8585vw, 51.902vh) scale(0.2522);
  }
  to {
    transform: translate(5.59945vw, 100vh) scale(0.2522);
  }
}
.snow:nth-child(54) {
  opacity: 0.3829;
  transform: translate(30.1793vw, -10px) scale(0.8591);
  animation: fall-54 29s -25s linear infinite;
}
@keyframes fall-54 {
  72.01% {
    transform: translate(26.9124vw, 72.01vh) scale(0.8591);
  }
  to {
    transform: translate(28.54585vw, 100vh) scale(0.8591);
  }
}
.snow:nth-child(55) {
  opacity: 0.203;
  transform: translate(58.6399vw, -10px) scale(0.5057);
  animation: fall-55 18s -19s linear infinite;
}
@keyframes fall-55 {
  58.114% {
    transform: translate(65.4197vw, 58.114vh) scale(0.5057);
  }
  to {
    transform: translate(62.0298vw, 100vh) scale(0.5057);
  }
}
.snow:nth-child(56) {
  opacity: 0.3743;
  transform: translate(78.9205vw, -10px) scale(0.3159);
  animation: fall-56 24s -19s linear infinite;
}
@keyframes fall-56 {
  79.064% {
    transform: translate(83.502vw, 79.064vh) scale(0.3159);
  }
  to {
    transform: translate(81.21125vw, 100vh) scale(0.3159);
  }
}
.snow:nth-child(57) {
  opacity: 0.5481;
  transform: translate(5.2133vw, -10px) scale(0.9064);
  animation: fall-57 26s -28s linear infinite;
}
@keyframes fall-57 {
  34.93% {
    transform: translate(6.2246vw, 34.93vh) scale(0.9064);
  }
  to {
    transform: translate(5.71895vw, 100vh) scale(0.9064);
  }
}
.snow:nth-child(58) {
  opacity: 0.3088;
  transform: translate(76.0546vw, -10px) scale(0.9068);
  animation: fall-58 11s -13s linear infinite;
}
@keyframes fall-58 {
  74.724% {
    transform: translate(83.7077vw, 74.724vh) scale(0.9068);
  }
  to {
    transform: translate(79.88115vw, 100vh) scale(0.9068);
  }
}
.snow:nth-child(59) {
  opacity: 0.4297;
  transform: translate(30.0681vw, -10px) scale(0.698);
  animation: fall-59 11s -4s linear infinite;
}
@keyframes fall-59 {
  70.593% {
    transform: translate(24.4429vw, 70.593vh) scale(0.698);
  }
  to {
    transform: translate(27.2555vw, 100vh) scale(0.698);
  }
}
.snow:nth-child(60) {
  opacity: 0.3051;
  transform: translate(95.335vw, -10px) scale(0.5041);
  animation: fall-60 11s -24s linear infinite;
}
@keyframes fall-60 {
  62.091% {
    transform: translate(92.6901vw, 62.091vh) scale(0.5041);
  }
  to {
    transform: translate(94.01255vw, 100vh) scale(0.5041);
  }
}
.snow:nth-child(61) {
  opacity: 0.6115;
  transform: translate(18.6396vw, -10px) scale(0.1443);
  animation: fall-61 25s -16s linear infinite;
}
@keyframes fall-61 {
  38.108% {
    transform: translate(16.5827vw, 38.108vh) scale(0.1443);
  }
  to {
    transform: translate(17.61115vw, 100vh) scale(0.1443);
  }
}
.snow:nth-child(62) {
  opacity: 0.5291;
  transform: translate(5.8131vw, -10px) scale(0.5916);
  animation: fall-62 29s -8s linear infinite;
}
@keyframes fall-62 {
  44.261% {
    transform: translate(1.3439vw, 44.261vh) scale(0.5916);
  }
  to {
    transform: translate(3.5785vw, 100vh) scale(0.5916);
  }
}
.snow:nth-child(63) {
  opacity: 0.9155;
  transform: translate(50.3694vw, -10px) scale(0.3282);
  animation: fall-63 25s -25s linear infinite;
}
@keyframes fall-63 {
  37.892% {
    transform: translate(56.745vw, 37.892vh) scale(0.3282);
  }
  to {
    transform: translate(53.5572vw, 100vh) scale(0.3282);
  }
}
.snow:nth-child(64) {
  opacity: 0.1696;
  transform: translate(56.375vw, -10px) scale(0.2501);
  animation: fall-64 28s -29s linear infinite;
}
@keyframes fall-64 {
  42.6% {
    transform: translate(57.3531vw, 42.6vh) scale(0.2501);
  }
  to {
    transform: translate(56.86405vw, 100vh) scale(0.2501);
  }
}
.snow:nth-child(65) {
  opacity: 0.012;
  transform: translate(94.3319vw, -10px) scale(0.8917);
  animation: fall-65 12s -8s linear infinite;
}
@keyframes fall-65 {
  50.352% {
    transform: translate(99.4654vw, 50.352vh) scale(0.8917);
  }
  to {
    transform: translate(96.89865vw, 100vh) scale(0.8917);
  }
}
.snow:nth-child(66) {
  opacity: 0.1259;
  transform: translate(47.5728vw, -10px) scale(0.975);
  animation: fall-66 30s -17s linear infinite;
}
@keyframes fall-66 {
  70.07% {
    transform: translate(41.3054vw, 70.07vh) scale(0.975);
  }
  to {
    transform: translate(44.4391vw, 100vh) scale(0.975);
  }
}
.snow:nth-child(67) {
  opacity: 0.3016;
  transform: translate(59.1503vw, -10px) scale(0.2659);
  animation: fall-67 30s -22s linear infinite;
}
@keyframes fall-67 {
  75.679% {
    transform: translate(66.8985vw, 75.679vh) scale(0.2659);
  }
  to {
    transform: translate(63.0244vw, 100vh) scale(0.2659);
  }
}
.snow:nth-child(68) {
  opacity: 0.3471;
  transform: translate(78.3927vw, -10px) scale(0.2425);
  animation: fall-68 17s -3s linear infinite;
}
@keyframes fall-68 {
  78.638% {
    transform: translate(72.9029vw, 78.638vh) scale(0.2425);
  }
  to {
    transform: translate(75.6478vw, 100vh) scale(0.2425);
  }
}
.snow:nth-child(69) {
  opacity: 0.9432;
  transform: translate(85.0259vw, -10px) scale(0.0882);
  animation: fall-69 22s -1s linear infinite;
}
@keyframes fall-69 {
  49.236% {
    transform: translate(79.1436vw, 49.236vh) scale(0.0882);
  }
  to {
    transform: translate(82.08475vw, 100vh) scale(0.0882);
  }
}
.snow:nth-child(70) {
  opacity: 0.8592;
  transform: translate(51.2416vw, -10px) scale(0.2511);
  animation: fall-70 26s -24s linear infinite;
}
@keyframes fall-70 {
  35.496% {
    transform: translate(41.8819vw, 35.496vh) scale(0.2511);
  }
  to {
    transform: translate(46.56175vw, 100vh) scale(0.2511);
  }
}
.snow:nth-child(71) {
  opacity: 0.8127;
  transform: translate(21.528vw, -10px) scale(0.7997);
  animation: fall-71 15s -28s linear infinite;
}
@keyframes fall-71 {
  74.698% {
    transform: translate(19.0216vw, 74.698vh) scale(0.7997);
  }
  to {
    transform: translate(20.2748vw, 100vh) scale(0.7997);
  }
}
.snow:nth-child(72) {
  opacity: 0.8176;
  transform: translate(19.6324vw, -10px) scale(0.6618);
  animation: fall-72 16s -22s linear infinite;
}
@keyframes fall-72 {
  78.629% {
    transform: translate(21.1516vw, 78.629vh) scale(0.6618);
  }
  to {
    transform: translate(20.392vw, 100vh) scale(0.6618);
  }
}
.snow:nth-child(73) {
  opacity: 0.3505;
  transform: translate(14.2666vw, -10px) scale(0.2129);
  animation: fall-73 24s -23s linear infinite;
}
@keyframes fall-73 {
  39.111% {
    transform: translate(9.6091vw, 39.111vh) scale(0.2129);
  }
  to {
    transform: translate(11.93785vw, 100vh) scale(0.2129);
  }
}
.snow:nth-child(74) {
  opacity: 0.2928;
  transform: translate(99.4186vw, -10px) scale(0.0437);
  animation: fall-74 27s -22s linear infinite;
}
@keyframes fall-74 {
  44.445% {
    transform: translate(103.8043vw, 44.445vh) scale(0.0437);
  }
  to {
    transform: translate(101.61145vw, 100vh) scale(0.0437);
  }
}
.snow:nth-child(75) {
  opacity: 0.0273;
  transform: translate(60.766vw, -10px) scale(0.3707);
  animation: fall-75 28s -14s linear infinite;
}
@keyframes fall-75 {
  60.922% {
    transform: translate(63.2031vw, 60.922vh) scale(0.3707);
  }
  to {
    transform: translate(61.98455vw, 100vh) scale(0.3707);
  }
}
.snow:nth-child(76) {
  opacity: 0.0743;
  transform: translate(27.5883vw, -10px) scale(0.9005);
  animation: fall-76 25s -19s linear infinite;
}
@keyframes fall-76 {
  67.61% {
    transform: translate(32.5332vw, 67.61vh) scale(0.9005);
  }
  to {
    transform: translate(30.06075vw, 100vh) scale(0.9005);
  }
}
.snow:nth-child(77) {
  opacity: 0.8064;
  transform: translate(15.2358vw, -10px) scale(0.3843);
  animation: fall-77 29s -20s linear infinite;
}
@keyframes fall-77 {
  71.339% {
    transform: translate(19.9994vw, 71.339vh) scale(0.3843);
  }
  to {
    transform: translate(17.6176vw, 100vh) scale(0.3843);
  }
}
.snow:nth-child(78) {
  opacity: 0.4416;
  transform: translate(72.2213vw, -10px) scale(0.9277);
  animation: fall-78 29s -20s linear infinite;
}
@keyframes fall-78 {
  67.184% {
    transform: translate(78.2522vw, 67.184vh) scale(0.9277);
  }
  to {
    transform: translate(75.23675vw, 100vh) scale(0.9277);
  }
}
.snow:nth-child(79) {
  opacity: 0.6402;
  transform: translate(22.6366vw, -10px) scale(0.6493);
  animation: fall-79 28s -1s linear infinite;
}
@keyframes fall-79 {
  68.599% {
    transform: translate(32.2846vw, 68.599vh) scale(0.6493);
  }
  to {
    transform: translate(27.4606vw, 100vh) scale(0.6493);
  }
}
.snow:nth-child(80) {
  opacity: 0.0617;
  transform: translate(33.1998vw, -10px) scale(0.9765);
  animation: fall-80 25s -20s linear infinite;
}
@keyframes fall-80 {
  42.42% {
    transform: translate(31.1672vw, 42.42vh) scale(0.9765);
  }
  to {
    transform: translate(32.1835vw, 100vh) scale(0.9765);
  }
}
.snow:nth-child(81) {
  opacity: 0.4566;
  transform: translate(28.5704vw, -10px) scale(0.9676);
  animation: fall-81 18s -10s linear infinite;
}
@keyframes fall-81 {
  43.556% {
    transform: translate(22.409vw, 43.556vh) scale(0.9676);
  }
  to {
    transform: translate(25.4897vw, 100vh) scale(0.9676);
  }
}
.snow:nth-child(82) {
  opacity: 0.5362;
  transform: translate(78.0897vw, -10px) scale(0.9627);
  animation: fall-82 24s -15s linear infinite;
}
@keyframes fall-82 {
  64.941% {
    transform: translate(75.7447vw, 64.941vh) scale(0.9627);
  }
  to {
    transform: translate(76.9172vw, 100vh) scale(0.9627);
  }
}
.snow:nth-child(83) {
  opacity: 0.0272;
  transform: translate(21.8619vw, -10px) scale(0.1319);
  animation: fall-83 28s -2s linear infinite;
}
@keyframes fall-83 {
  39.867% {
    transform: translate(20.3556vw, 39.867vh) scale(0.1319);
  }
  to {
    transform: translate(21.10875vw, 100vh) scale(0.1319);
  }
}
.snow:nth-child(84) {
  opacity: 0.4304;
  transform: translate(55.4045vw, -10px) scale(0.5842);
  animation: fall-84 15s -10s linear infinite;
}
@keyframes fall-84 {
  55.897% {
    transform: translate(63.2781vw, 55.897vh) scale(0.5842);
  }
  to {
    transform: translate(59.3413vw, 100vh) scale(0.5842);
  }
}
.snow:nth-child(85) {
  opacity: 0.0737;
  transform: translate(62.6914vw, -10px) scale(0.6237);
  animation: fall-85 30s -12s linear infinite;
}
@keyframes fall-85 {
  77.12% {
    transform: translate(57.9736vw, 77.12vh) scale(0.6237);
  }
  to {
    transform: translate(60.3325vw, 100vh) scale(0.6237);
  }
}
.snow:nth-child(86) {
  opacity: 0.0207;
  transform: translate(53.5224vw, -10px) scale(0.6707);
  animation: fall-86 18s -8s linear infinite;
}
@keyframes fall-86 {
  54.963% {
    transform: translate(54.7749vw, 54.963vh) scale(0.6707);
  }
  to {
    transform: translate(54.14865vw, 100vh) scale(0.6707);
  }
}
.snow:nth-child(87) {
  opacity: 0.4067;
  transform: translate(99.502vw, -10px) scale(0.5844);
  animation: fall-87 11s -30s linear infinite;
}
@keyframes fall-87 {
  76.867% {
    transform: translate(91.0241vw, 76.867vh) scale(0.5844);
  }
  to {
    transform: translate(95.26305vw, 100vh) scale(0.5844);
  }
}
.snow:nth-child(88) {
  opacity: 0.0125;
  transform: translate(12.1835vw, -10px) scale(0.3347);
  animation: fall-88 19s -20s linear infinite;
}
@keyframes fall-88 {
  74.507% {
    transform: translate(21.8561vw, 74.507vh) scale(0.3347);
  }
  to {
    transform: translate(17.0198vw, 100vh) scale(0.3347);
  }
}
.snow:nth-child(89) {
  opacity: 0.0472;
  transform: translate(23.7799vw, -10px) scale(0.3548);
  animation: fall-89 25s -24s linear infinite;
}
@keyframes fall-89 {
  51.395% {
    transform: translate(33.2146vw, 51.395vh) scale(0.3548);
  }
  to {
    transform: translate(28.49725vw, 100vh) scale(0.3548);
  }
}
.snow:nth-child(90) {
  opacity: 0.2422;
  transform: translate(43.3326vw, -10px) scale(0.0984);
  animation: fall-90 29s -28s linear infinite;
}
@keyframes fall-90 {
  46.047% {
    transform: translate(46.8443vw, 46.047vh) scale(0.0984);
  }
  to {
    transform: translate(45.08845vw, 100vh) scale(0.0984);
  }
}
.snow:nth-child(91) {
  opacity: 0.7667;
  transform: translate(83.435vw, -10px) scale(0.8767);
  animation: fall-91 24s -17s linear infinite;
}
@keyframes fall-91 {
  48.807% {
    transform: translate(86.0466vw, 48.807vh) scale(0.8767);
  }
  to {
    transform: translate(84.7408vw, 100vh) scale(0.8767);
  }
}
.snow:nth-child(92) {
  opacity: 0.0876;
  transform: translate(78.3025vw, -10px) scale(0.0298);
  animation: fall-92 29s -19s linear infinite;
}
@keyframes fall-92 {
  33.327% {
    transform: translate(81.8802vw, 33.327vh) scale(0.0298);
  }
  to {
    transform: translate(80.09135vw, 100vh) scale(0.0298);
  }
}
.snow:nth-child(93) {
  opacity: 0.8739;
  transform: translate(41.7358vw, -10px) scale(0.5379);
  animation: fall-93 20s -22s linear infinite;
}
@keyframes fall-93 {
  41.175% {
    transform: translate(48.3246vw, 41.175vh) scale(0.5379);
  }
  to {
    transform: translate(45.0302vw, 100vh) scale(0.5379);
  }
}
.snow:nth-child(94) {
  opacity: 0.0409;
  transform: translate(87.4939vw, -10px) scale(0.0144);
  animation: fall-94 27s -15s linear infinite;
}
@keyframes fall-94 {
  56.005% {
    transform: translate(80.5248vw, 56.005vh) scale(0.0144);
  }
  to {
    transform: translate(84.00935vw, 100vh) scale(0.0144);
  }
}
.snow:nth-child(95) {
  opacity: 0.9887;
  transform: translate(55.597vw, -10px) scale(0.4163);
  animation: fall-95 13s -26s linear infinite;
}
@keyframes fall-95 {
  57.13% {
    transform: translate(63.2332vw, 57.13vh) scale(0.4163);
  }
  to {
    transform: translate(59.4151vw, 100vh) scale(0.4163);
  }
}
.snow:nth-child(96) {
  opacity: 0.5985;
  transform: translate(50.8582vw, -10px) scale(0.1083);
  animation: fall-96 19s -19s linear infinite;
}
@keyframes fall-96 {
  46.865% {
    transform: translate(55.1407vw, 46.865vh) scale(0.1083);
  }
  to {
    transform: translate(52.99945vw, 100vh) scale(0.1083);
  }
}
.snow:nth-child(97) {
  opacity: 0.622;
  transform: translate(46.2564vw, -10px) scale(0.1889);
  animation: fall-97 29s -7s linear infinite;
}
@keyframes fall-97 {
  59.875% {
    transform: translate(56.1653vw, 59.875vh) scale(0.1889);
  }
  to {
    transform: translate(51.21085vw, 100vh) scale(0.1889);
  }
}
.snow:nth-child(98) {
  opacity: 0.0299;
  transform: translate(36.277vw, -10px) scale(0.352);
  animation: fall-98 26s -10s linear infinite;
}
@keyframes fall-98 {
  47.939% {
    transform: translate(34.8307vw, 47.939vh) scale(0.352);
  }
  to {
    transform: translate(35.55385vw, 100vh) scale(0.352);
  }
}
.snow:nth-child(99) {
  opacity: 0.732;
  transform: translate(9.6436vw, -10px) scale(0.8215);
  animation: fall-99 30s -18s linear infinite;
}
@keyframes fall-99 {
  62.997% {
    transform: translate(4.0369vw, 62.997vh) scale(0.8215);
  }
  to {
    transform: translate(6.84025vw, 100vh) scale(0.8215);
  }
}
.snow:nth-child(100) {
  opacity: 0.7921;
  transform: translate(95.1149vw, -10px) scale(0.0633);
  animation: fall-100 26s -26s linear infinite;
}
@keyframes fall-100 {
  62.008% {
    transform: translate(98.8627vw, 62.008vh) scale(0.0633);
  }
  to {
    transform: translate(96.9888vw, 100vh) scale(0.0633);
  }
}
.snow:nth-child(101) {
  opacity: 0.274;
  transform: translate(72.1689vw, -10px) scale(0.4476);
  animation: fall-101 14s -12s linear infinite;
}
@keyframes fall-101 {
  69.986% {
    transform: translate(78.9611vw, 69.986vh) scale(0.4476);
  }
  to {
    transform: translate(75.565vw, 100vh) scale(0.4476);
  }
}
.snow:nth-child(102) {
  opacity: 0.7097;
  transform: translate(21.6741vw, -10px) scale(0.0725);
  animation: fall-102 21s -27s linear infinite;
}
@keyframes fall-102 {
  34.411% {
    transform: translate(16.3657vw, 34.411vh) scale(0.0725);
  }
  to {
    transform: translate(19.0199vw, 100vh) scale(0.0725);
  }
}
.snow:nth-child(103) {
  opacity: 0.0924;
  transform: translate(72.27vw, -10px) scale(0.4071);
  animation: fall-103 26s -20s linear infinite;
}
@keyframes fall-103 {
  45.32% {
    transform: translate(77.1382vw, 45.32vh) scale(0.4071);
  }
  to {
    transform: translate(74.7041vw, 100vh) scale(0.4071);
  }
}
.snow:nth-child(104) {
  opacity: 0.2154;
  transform: translate(33.4718vw, -10px) scale(0.0211);
  animation: fall-104 19s -30s linear infinite;
}
@keyframes fall-104 {
  67.029% {
    transform: translate(41.9114vw, 67.029vh) scale(0.0211);
  }
  to {
    transform: translate(37.6916vw, 100vh) scale(0.0211);
  }
}
.snow:nth-child(105) {
  opacity: 0.1116;
  transform: translate(24.0239vw, -10px) scale(0.2546);
  animation: fall-105 23s -28s linear infinite;
}
@keyframes fall-105 {
  72.606% {
    transform: translate(16.314vw, 72.606vh) scale(0.2546);
  }
  to {
    transform: translate(20.16895vw, 100vh) scale(0.2546);
  }
}
.snow:nth-child(106) {
  opacity: 0.0763;
  transform: translate(20.7669vw, -10px) scale(0.5877);
  animation: fall-106 12s -24s linear infinite;
}
@keyframes fall-106 {
  43.133% {
    transform: translate(25.8263vw, 43.133vh) scale(0.5877);
  }
  to {
    transform: translate(23.2966vw, 100vh) scale(0.5877);
  }
}
.snow:nth-child(107) {
  opacity: 0.3829;
  transform: translate(2.6698vw, -10px) scale(0.3263);
  animation: fall-107 17s -1s linear infinite;
}
@keyframes fall-107 {
  66.469% {
    transform: translate(6.4201vw, 66.469vh) scale(0.3263);
  }
  to {
    transform: translate(4.54495vw, 100vh) scale(0.3263);
  }
}
.snow:nth-child(108) {
  opacity: 0.9039;
  transform: translate(19.6113vw, -10px) scale(0.4518);
  animation: fall-108 25s -10s linear infinite;
}
@keyframes fall-108 {
  34.058% {
    transform: translate(23.6896vw, 34.058vh) scale(0.4518);
  }
  to {
    transform: translate(21.65045vw, 100vh) scale(0.4518);
  }
}
.snow:nth-child(109) {
  opacity: 0.5349;
  transform: translate(48.9122vw, -10px) scale(0.4127);
  animation: fall-109 22s -16s linear infinite;
}
@keyframes fall-109 {
  53.568% {
    transform: translate(46.7965vw, 53.568vh) scale(0.4127);
  }
  to {
    transform: translate(47.85435vw, 100vh) scale(0.4127);
  }
}
.snow:nth-child(110) {
  opacity: 0.2207;
  transform: translate(51.5863vw, -10px) scale(0.6632);
  animation: fall-110 21s -3s linear infinite;
}
@keyframes fall-110 {
  42.517% {
    transform: translate(57.5453vw, 42.517vh) scale(0.6632);
  }
  to {
    transform: translate(54.5658vw, 100vh) scale(0.6632);
  }
}
.snow:nth-child(111) {
  opacity: 0.0351;
  transform: translate(98.5838vw, -10px) scale(0.4703);
  animation: fall-111 20s -16s linear infinite;
}
@keyframes fall-111 {
  35.234% {
    transform: translate(91.693vw, 35.234vh) scale(0.4703);
  }
  to {
    transform: translate(95.1384vw, 100vh) scale(0.4703);
  }
}
.snow:nth-child(112) {
  opacity: 0.6693;
  transform: translate(61.1497vw, -10px) scale(0.0743);
  animation: fall-112 26s -26s linear infinite;
}
@keyframes fall-112 {
  78.901% {
    transform: translate(56.3763vw, 78.901vh) scale(0.0743);
  }
  to {
    transform: translate(58.763vw, 100vh) scale(0.0743);
  }
}
.snow:nth-child(113) {
  opacity: 0.9835;
  transform: translate(63.3888vw, -10px) scale(0.9008);
  animation: fall-113 24s -20s linear infinite;
}
@keyframes fall-113 {
  72.664% {
    transform: translate(63.7372vw, 72.664vh) scale(0.9008);
  }
  to {
    transform: translate(63.563vw, 100vh) scale(0.9008);
  }
}
.snow:nth-child(114) {
  opacity: 0.8244;
  transform: translate(7.7187vw, -10px) scale(0.2163);
  animation: fall-114 23s -24s linear infinite;
}
@keyframes fall-114 {
  30.313% {
    transform: translate(11.2132vw, 30.313vh) scale(0.2163);
  }
  to {
    transform: translate(9.46595vw, 100vh) scale(0.2163);
  }
}
.snow:nth-child(115) {
  opacity: 0.582;
  transform: translate(98.7402vw, -10px) scale(0.7712);
  animation: fall-115 24s -13s linear infinite;
}
@keyframes fall-115 {
  46.232% {
    transform: translate(97.8488vw, 46.232vh) scale(0.7712);
  }
  to {
    transform: translate(98.2945vw, 100vh) scale(0.7712);
  }
}
.snow:nth-child(116) {
  opacity: 0.3415;
  transform: translate(9.389vw, -10px) scale(0.1964);
  animation: fall-116 27s -6s linear infinite;
}
@keyframes fall-116 {
  62.616% {
    transform: translate(2.3209vw, 62.616vh) scale(0.1964);
  }
  to {
    transform: translate(5.85495vw, 100vh) scale(0.1964);
  }
}
.snow:nth-child(117) {
  opacity: 0.6166;
  transform: translate(30.7912vw, -10px) scale(0.4918);
  animation: fall-117 19s -13s linear infinite;
}
@keyframes fall-117 {
  79.102% {
    transform: translate(29.8127vw, 79.102vh) scale(0.4918);
  }
  to {
    transform: translate(30.30195vw, 100vh) scale(0.4918);
  }
}
.snow:nth-child(118) {
  opacity: 0.9637;
  transform: translate(76.5194vw, -10px) scale(0.2763);
  animation: fall-118 24s -22s linear infinite;
}
@keyframes fall-118 {
  44.114% {
    transform: translate(79.0594vw, 44.114vh) scale(0.2763);
  }
  to {
    transform: translate(77.7894vw, 100vh) scale(0.2763);
  }
}
.snow:nth-child(119) {
  opacity: 0.0862;
  transform: translate(5.2679vw, -10px) scale(0.328);
  animation: fall-119 14s -1s linear infinite;
}
@keyframes fall-119 {
  72.905% {
    transform: translate(6.163vw, 72.905vh) scale(0.328);
  }
  to {
    transform: translate(5.71545vw, 100vh) scale(0.328);
  }
}
.snow:nth-child(120) {
  opacity: 0.2435;
  transform: translate(44.2435vw, -10px) scale(0.5556);
  animation: fall-120 19s -3s linear infinite;
}
@keyframes fall-120 {
  44.839% {
    transform: translate(46.9651vw, 44.839vh) scale(0.5556);
  }
  to {
    transform: translate(45.6043vw, 100vh) scale(0.5556);
  }
}
.snow:nth-child(121) {
  opacity: 0.7667;
  transform: translate(87.6177vw, -10px) scale(0.9096);
  animation: fall-121 23s -28s linear infinite;
}
@keyframes fall-121 {
  72.503% {
    transform: translate(81.1401vw, 72.503vh) scale(0.9096);
  }
  to {
    transform: translate(84.3789vw, 100vh) scale(0.9096);
  }
}
.snow:nth-child(122) {
  opacity: 0.3554;
  transform: translate(95.3365vw, -10px) scale(0.7981);
  animation: fall-122 28s -16s linear infinite;
}
@keyframes fall-122 {
  37.026% {
    transform: translate(85.6891vw, 37.026vh) scale(0.7981);
  }
  to {
    transform: translate(90.5128vw, 100vh) scale(0.7981);
  }
}
.snow:nth-child(123) {
  opacity: 0.4354;
  transform: translate(84.867vw, -10px) scale(0.4032);
  animation: fall-123 14s -19s linear infinite;
}
@keyframes fall-123 {
  34.06% {
    transform: translate(78.4263vw, 34.06vh) scale(0.4032);
  }
  to {
    transform: translate(81.64665vw, 100vh) scale(0.4032);
  }
}
.snow:nth-child(124) {
  opacity: 0.3425;
  transform: translate(19.5503vw, -10px) scale(0.4202);
  animation: fall-124 12s -21s linear infinite;
}
@keyframes fall-124 {
  31.034% {
    transform: translate(24.8947vw, 31.034vh) scale(0.4202);
  }
  to {
    transform: translate(22.2225vw, 100vh) scale(0.4202);
  }
}
.snow:nth-child(125) {
  opacity: 0.2739;
  transform: translate(23.9468vw, -10px) scale(0.8314);
  animation: fall-125 22s -1s linear infinite;
}
@keyframes fall-125 {
  47.295% {
    transform: translate(14.0618vw, 47.295vh) scale(0.8314);
  }
  to {
    transform: translate(19.0043vw, 100vh) scale(0.8314);
  }
}
.snow:nth-child(126) {
  opacity: 0.956;
  transform: translate(36.0131vw, -10px) scale(0.5602);
  animation: fall-126 20s -17s linear infinite;
}
@keyframes fall-126 {
  57.329% {
    transform: translate(32.2533vw, 57.329vh) scale(0.5602);
  }
  to {
    transform: translate(34.1332vw, 100vh) scale(0.5602);
  }
}
.snow:nth-child(127) {
  opacity: 0.5773;
  transform: translate(28.2618vw, -10px) scale(0.837);
  animation: fall-127 23s -30s linear infinite;
}
@keyframes fall-127 {
  62.881% {
    transform: translate(35.9725vw, 62.881vh) scale(0.837);
  }
  to {
    transform: translate(32.11715vw, 100vh) scale(0.837);
  }
}
.snow:nth-child(128) {
  opacity: 0.7579;
  transform: translate(51.8801vw, -10px) scale(0.3547);
  animation: fall-128 26s -22s linear infinite;
}
@keyframes fall-128 {
  31.39% {
    transform: translate(58.508vw, 31.39vh) scale(0.3547);
  }
  to {
    transform: translate(55.19405vw, 100vh) scale(0.3547);
  }
}
.snow:nth-child(129) {
  opacity: 0.9792;
  transform: translate(95.2227vw, -10px) scale(0.9579);
  animation: fall-129 17s -15s linear infinite;
}
@keyframes fall-129 {
  52.964% {
    transform: translate(94.4942vw, 52.964vh) scale(0.9579);
  }
  to {
    transform: translate(94.85845vw, 100vh) scale(0.9579);
  }
}
.snow:nth-child(130) {
  opacity: 0.8219;
  transform: translate(15.3107vw, -10px) scale(0.0806);
  animation: fall-130 30s -28s linear infinite;
}
@keyframes fall-130 {
  71.882% {
    transform: translate(20.4844vw, 71.882vh) scale(0.0806);
  }
  to {
    transform: translate(17.89755vw, 100vh) scale(0.0806);
  }
}
.snow:nth-child(131) {
  opacity: 0.4621;
  transform: translate(96.4056vw, -10px) scale(0.5831);
  animation: fall-131 29s -29s linear infinite;
}
@keyframes fall-131 {
  74.058% {
    transform: translate(100.1525vw, 74.058vh) scale(0.5831);
  }
  to {
    transform: translate(98.27905vw, 100vh) scale(0.5831);
  }
}
.snow:nth-child(132) {
  opacity: 0.4552;
  transform: translate(62.8255vw, -10px) scale(0.8664);
  animation: fall-132 22s -20s linear infinite;
}
@keyframes fall-132 {
  60.522% {
    transform: translate(67.8095vw, 60.522vh) scale(0.8664);
  }
  to {
    transform: translate(65.3175vw, 100vh) scale(0.8664);
  }
}
.snow:nth-child(133) {
  opacity: 0.6945;
  transform: translate(29.1949vw, -10px) scale(0.7378);
  animation: fall-133 23s -2s linear infinite;
}
@keyframes fall-133 {
  38.675% {
    transform: translate(38.3196vw, 38.675vh) scale(0.7378);
  }
  to {
    transform: translate(33.75725vw, 100vh) scale(0.7378);
  }
}
.snow:nth-child(134) {
  opacity: 0.7076;
  transform: translate(71.7808vw, -10px) scale(0.711);
  animation: fall-134 27s -28s linear infinite;
}
@keyframes fall-134 {
  67.529% {
    transform: translate(62.8923vw, 67.529vh) scale(0.711);
  }
  to {
    transform: translate(67.33655vw, 100vh) scale(0.711);
  }
}
.snow:nth-child(135) {
  opacity: 0.7151;
  transform: translate(53.9576vw, -10px) scale(0.2173);
  animation: fall-135 25s -22s linear infinite;
}
@keyframes fall-135 {
  62.309% {
    transform: translate(48.5101vw, 62.309vh) scale(0.2173);
  }
  to {
    transform: translate(51.23385vw, 100vh) scale(0.2173);
  }
}
.snow:nth-child(136) {
  opacity: 0.6598;
  transform: translate(49.008vw, -10px) scale(0.9412);
  animation: fall-136 10s -26s linear infinite;
}
@keyframes fall-136 {
  55.514% {
    transform: translate(46.8646vw, 55.514vh) scale(0.9412);
  }
  to {
    transform: translate(47.9363vw, 100vh) scale(0.9412);
  }
}
.snow:nth-child(137) {
  opacity: 0.521;
  transform: translate(96.8219vw, -10px) scale(0.9544);
  animation: fall-137 18s -13s linear infinite;
}
@keyframes fall-137 {
  73.422% {
    transform: translate(90.932vw, 73.422vh) scale(0.9544);
  }
  to {
    transform: translate(93.87695vw, 100vh) scale(0.9544);
  }
}
.snow:nth-child(138) {
  opacity: 0.2291;
  transform: translate(46.7959vw, -10px) scale(0.2702);
  animation: fall-138 10s -1s linear infinite;
}
@keyframes fall-138 {
  68.813% {
    transform: translate(52.5509vw, 68.813vh) scale(0.2702);
  }
  to {
    transform: translate(49.6734vw, 100vh) scale(0.2702);
  }
}
.snow:nth-child(139) {
  opacity: 0.849;
  transform: translate(36.3816vw, -10px) scale(0.8256);
  animation: fall-139 14s -24s linear infinite;
}
@keyframes fall-139 {
  68.993% {
    transform: translate(45.1157vw, 68.993vh) scale(0.8256);
  }
  to {
    transform: translate(40.74865vw, 100vh) scale(0.8256);
  }
}
.snow:nth-child(140) {
  opacity: 0.4753;
  transform: translate(9.133vw, -10px) scale(0.7862);
  animation: fall-140 24s -15s linear infinite;
}
@keyframes fall-140 {
  57.758% {
    transform: translate(3.1153vw, 57.758vh) scale(0.7862);
  }
  to {
    transform: translate(6.12415vw, 100vh) scale(0.7862);
  }
}
.snow:nth-child(141) {
  opacity: 0.4908;
  transform: translate(17.6303vw, -10px) scale(0.8802);
  animation: fall-141 22s -9s linear infinite;
}
@keyframes fall-141 {
  38.53% {
    transform: translate(16.6007vw, 38.53vh) scale(0.8802);
  }
  to {
    transform: translate(17.1155vw, 100vh) scale(0.8802);
  }
}
.snow:nth-child(142) {
  opacity: 0.057;
  transform: translate(0.6vw, -10px) scale(0.6072);
  animation: fall-142 29s -29s linear infinite;
}
@keyframes fall-142 {
  66.694% {
    transform: translate(-5.7717vw, 66.694vh) scale(0.6072);
  }
  to {
    transform: translate(-2.58585vw, 100vh) scale(0.6072);
  }
}
.snow:nth-child(143) {
  opacity: 0.3298;
  transform: translate(83.2028vw, -10px) scale(0.4068);
  animation: fall-143 17s -27s linear infinite;
}
@keyframes fall-143 {
  74.499% {
    transform: translate(77.3109vw, 74.499vh) scale(0.4068);
  }
  to {
    transform: translate(80.25685vw, 100vh) scale(0.4068);
  }
}
.snow:nth-child(144) {
  opacity: 0.6003;
  transform: translate(47.6267vw, -10px) scale(0.2126);
  animation: fall-144 16s -9s linear infinite;
}
@keyframes fall-144 {
  61.691% {
    transform: translate(54.0987vw, 61.691vh) scale(0.2126);
  }
  to {
    transform: translate(50.8627vw, 100vh) scale(0.2126);
  }
}
.snow:nth-child(145) {
  opacity: 0.7884;
  transform: translate(51.8166vw, -10px) scale(0.328);
  animation: fall-145 13s -26s linear infinite;
}
@keyframes fall-145 {
  30.493% {
    transform: translate(42.2161vw, 30.493vh) scale(0.328);
  }
  to {
    transform: translate(47.01635vw, 100vh) scale(0.328);
  }
}
.snow:nth-child(146) {
  opacity: 0.4869;
  transform: translate(70.5599vw, -10px) scale(0.0211);
  animation: fall-146 30s -18s linear infinite;
}
@keyframes fall-146 {
  41.438% {
    transform: translate(76.5444vw, 41.438vh) scale(0.0211);
  }
  to {
    transform: translate(73.55215vw, 100vh) scale(0.0211);
  }
}
.snow:nth-child(147) {
  opacity: 0.9535;
  transform: translate(10.1532vw, -10px) scale(0.5114);
  animation: fall-147 20s -12s linear infinite;
}
@keyframes fall-147 {
  73.623% {
    transform: translate(1.6663vw, 73.623vh) scale(0.5114);
  }
  to {
    transform: translate(5.90975vw, 100vh) scale(0.5114);
  }
}
.snow:nth-child(148) {
  opacity: 0.2194;
  transform: translate(29.5297vw, -10px) scale(0.1466);
  animation: fall-148 25s -30s linear infinite;
}
@keyframes fall-148 {
  56.741% {
    transform: translate(30.7165vw, 56.741vh) scale(0.1466);
  }
  to {
    transform: translate(30.1231vw, 100vh) scale(0.1466);
  }
}
.snow:nth-child(149) {
  opacity: 0.8618;
  transform: translate(7.0488vw, -10px) scale(0.1689);
  animation: fall-149 29s -5s linear infinite;
}
@keyframes fall-149 {
  55.12% {
    transform: translate(14.9228vw, 55.12vh) scale(0.1689);
  }
  to {
    transform: translate(10.9858vw, 100vh) scale(0.1689);
  }
}
.snow:nth-child(150) {
  opacity: 0.688;
  transform: translate(29.9466vw, -10px) scale(0.6203);
  animation: fall-150 23s -9s linear infinite;
}
@keyframes fall-150 {
  79.708% {
    transform: translate(29.7131vw, 79.708vh) scale(0.6203);
  }
  to {
    transform: translate(29.82985vw, 100vh) scale(0.6203);
  }
}
.snow:nth-child(151) {
  opacity: 0.2272;
  transform: translate(40.746vw, -10px) scale(0.973);
  animation: fall-151 26s -15s linear infinite;
}
@keyframes fall-151 {
  32.693% {
    transform: translate(42.6761vw, 32.693vh) scale(0.973);
  }
  to {
    transform: translate(41.71105vw, 100vh) scale(0.973);
  }
}
.snow:nth-child(152) {
  opacity: 0.1887;
  transform: translate(2.0282vw, -10px) scale(0.6414);
  animation: fall-152 28s -5s linear infinite;
}
@keyframes fall-152 {
  70.609% {
    transform: translate(9.9226vw, 70.609vh) scale(0.6414);
  }
  to {
    transform: translate(5.9754vw, 100vh) scale(0.6414);
  }
}
.snow:nth-child(153) {
  opacity: 0.1031;
  transform: translate(95.3038vw, -10px) scale(0.5795);
  animation: fall-153 14s -20s linear infinite;
}
@keyframes fall-153 {
  45.778% {
    transform: translate(95.9839vw, 45.778vh) scale(0.5795);
  }
  to {
    transform: translate(95.64385vw, 100vh) scale(0.5795);
  }
}
.snow:nth-child(154) {
  opacity: 0.7017;
  transform: translate(2.0288vw, -10px) scale(0.2518);
  animation: fall-154 13s -30s linear infinite;
}
@keyframes fall-154 {
  60.766% {
    transform: translate(-7.7228vw, 60.766vh) scale(0.2518);
  }
  to {
    transform: translate(-2.847vw, 100vh) scale(0.2518);
  }
}
.snow:nth-child(155) {
  opacity: 0.4532;
  transform: translate(79.0933vw, -10px) scale(0.6736);
  animation: fall-155 22s -1s linear infinite;
}
@keyframes fall-155 {
  63.879% {
    transform: translate(73.0049vw, 63.879vh) scale(0.6736);
  }
  to {
    transform: translate(76.0491vw, 100vh) scale(0.6736);
  }
}
.snow:nth-child(156) {
  opacity: 0.5545;
  transform: translate(10.339vw, -10px) scale(0.8683);
  animation: fall-156 25s -22s linear infinite;
}
@keyframes fall-156 {
  59.94% {
    transform: translate(0.709vw, 59.94vh) scale(0.8683);
  }
  to {
    transform: translate(5.524vw, 100vh) scale(0.8683);
  }
}
.snow:nth-child(157) {
  opacity: 0.4804;
  transform: translate(47.4471vw, -10px) scale(0.9279);
  animation: fall-157 28s -6s linear infinite;
}
@keyframes fall-157 {
  43.365% {
    transform: translate(56.6442vw, 43.365vh) scale(0.9279);
  }
  to {
    transform: translate(52.04565vw, 100vh) scale(0.9279);
  }
}
.snow:nth-child(158) {
  opacity: 0.5499;
  transform: translate(60.385vw, -10px) scale(0.4375);
  animation: fall-158 20s -10s linear infinite;
}
@keyframes fall-158 {
  42.688% {
    transform: translate(61.7702vw, 42.688vh) scale(0.4375);
  }
  to {
    transform: translate(61.0776vw, 100vh) scale(0.4375);
  }
}
.snow:nth-child(159) {
  opacity: 0.3549;
  transform: translate(31.0547vw, -10px) scale(0.6542);
  animation: fall-159 23s -3s linear infinite;
}
@keyframes fall-159 {
  67.59% {
    transform: translate(39.938vw, 67.59vh) scale(0.6542);
  }
  to {
    transform: translate(35.49635vw, 100vh) scale(0.6542);
  }
}
.snow:nth-child(160) {
  opacity: 0.1909;
  transform: translate(36.1742vw, -10px) scale(0.5401);
  animation: fall-160 27s -10s linear infinite;
}
@keyframes fall-160 {
  71.884% {
    transform: translate(33.838vw, 71.884vh) scale(0.5401);
  }
  to {
    transform: translate(35.0061vw, 100vh) scale(0.5401);
  }
}
.snow:nth-child(161) {
  opacity: 0.9168;
  transform: translate(27.3153vw, -10px) scale(0.9425);
  animation: fall-161 25s -11s linear infinite;
}
@keyframes fall-161 {
  54.34% {
    transform: translate(37.2337vw, 54.34vh) scale(0.9425);
  }
  to {
    transform: translate(32.2745vw, 100vh) scale(0.9425);
  }
}
.snow:nth-child(162) {
  opacity: 0.7159;
  transform: translate(76.5334vw, -10px) scale(0.2838);
  animation: fall-162 29s -8s linear infinite;
}
@keyframes fall-162 {
  75.784% {
    transform: translate(79.5044vw, 75.784vh) scale(0.2838);
  }
  to {
    transform: translate(78.0189vw, 100vh) scale(0.2838);
  }
}
.snow:nth-child(163) {
  opacity: 0.6149;
  transform: translate(65.6664vw, -10px) scale(0.4373);
  animation: fall-163 12s -14s linear infinite;
}
@keyframes fall-163 {
  55.203% {
    transform: translate(71.8404vw, 55.203vh) scale(0.4373);
  }
  to {
    transform: translate(68.7534vw, 100vh) scale(0.4373);
  }
}
.snow:nth-child(164) {
  opacity: 0.9735;
  transform: translate(84.7813vw, -10px) scale(0.3413);
  animation: fall-164 27s -3s linear infinite;
}
@keyframes fall-164 {
  60.827% {
    transform: translate(84.7531vw, 60.827vh) scale(0.3413);
  }
  to {
    transform: translate(84.7672vw, 100vh) scale(0.3413);
  }
}
.snow:nth-child(165) {
  opacity: 0.5195;
  transform: translate(72.6343vw, -10px) scale(0.5923);
  animation: fall-165 29s -1s linear infinite;
}
@keyframes fall-165 {
  51.476% {
    transform: translate(73.4982vw, 51.476vh) scale(0.5923);
  }
  to {
    transform: translate(73.06625vw, 100vh) scale(0.5923);
  }
}
.snow:nth-child(166) {
  opacity: 0.4906;
  transform: translate(69.2424vw, -10px) scale(0.0616);
  animation: fall-166 17s -6s linear infinite;
}
@keyframes fall-166 {
  61.823% {
    transform: translate(63.8003vw, 61.823vh) scale(0.0616);
  }
  to {
    transform: translate(66.52135vw, 100vh) scale(0.0616);
  }
}
.snow:nth-child(167) {
  opacity: 0.8127;
  transform: translate(93.62vw, -10px) scale(0.6781);
  animation: fall-167 19s -28s linear infinite;
}
@keyframes fall-167 {
  40.384% {
    transform: translate(97.6063vw, 40.384vh) scale(0.6781);
  }
  to {
    transform: translate(95.61315vw, 100vh) scale(0.6781);
  }
}
.snow:nth-child(168) {
  opacity: 0.9755;
  transform: translate(67.9673vw, -10px) scale(0.6552);
  animation: fall-168 27s -2s linear infinite;
}
@keyframes fall-168 {
  72.215% {
    transform: translate(74.4142vw, 72.215vh) scale(0.6552);
  }
  to {
    transform: translate(71.19075vw, 100vh) scale(0.6552);
  }
}
.snow:nth-child(169) {
  opacity: 0.6643;
  transform: translate(90.0678vw, -10px) scale(0.3769);
  animation: fall-169 17s -8s linear infinite;
}
@keyframes fall-169 {
  40.728% {
    transform: translate(85.7238vw, 40.728vh) scale(0.3769);
  }
  to {
    transform: translate(87.8958vw, 100vh) scale(0.3769);
  }
}
.snow:nth-child(170) {
  opacity: 0.5386;
  transform: translate(9.0575vw, -10px) scale(0.8053);
  animation: fall-170 12s -14s linear infinite;
}
@keyframes fall-170 {
  58.663% {
    transform: translate(9.3887vw, 58.663vh) scale(0.8053);
  }
  to {
    transform: translate(9.2231vw, 100vh) scale(0.8053);
  }
}
.snow:nth-child(171) {
  opacity: 0.5915;
  transform: translate(53.4564vw, -10px) scale(0.0214);
  animation: fall-171 30s -19s linear infinite;
}
@keyframes fall-171 {
  36.375% {
    transform: translate(44.2426vw, 36.375vh) scale(0.0214);
  }
  to {
    transform: translate(48.8495vw, 100vh) scale(0.0214);
  }
}
.snow:nth-child(172) {
  opacity: 0.8754;
  transform: translate(86.1188vw, -10px) scale(0.4125);
  animation: fall-172 13s -4s linear infinite;
}
@keyframes fall-172 {
  51.043% {
    transform: translate(84.2914vw, 51.043vh) scale(0.4125);
  }
  to {
    transform: translate(85.2051vw, 100vh) scale(0.4125);
  }
}
.snow:nth-child(173) {
  opacity: 0.7165;
  transform: translate(98.8vw, -10px) scale(0.1268);
  animation: fall-173 29s -15s linear infinite;
}
@keyframes fall-173 {
  46.815% {
    transform: translate(93.1592vw, 46.815vh) scale(0.1268);
  }
  to {
    transform: translate(95.9796vw, 100vh) scale(0.1268);
  }
}
.snow:nth-child(174) {
  opacity: 0.014;
  transform: translate(3.4089vw, -10px) scale(0.9055);
  animation: fall-174 11s -24s linear infinite;
}
@keyframes fall-174 {
  65.707% {
    transform: translate(-2.9829vw, 65.707vh) scale(0.9055);
  }
  to {
    transform: translate(0.213vw, 100vh) scale(0.9055);
  }
}
.snow:nth-child(175) {
  opacity: 0.1323;
  transform: translate(60.4134vw, -10px) scale(0.6574);
  animation: fall-175 25s -17s linear infinite;
}
@keyframes fall-175 {
  76.788% {
    transform: translate(50.6315vw, 76.788vh) scale(0.6574);
  }
  to {
    transform: translate(55.52245vw, 100vh) scale(0.6574);
  }
}
.snow:nth-child(176) {
  opacity: 0.2667;
  transform: translate(94.9228vw, -10px) scale(0.0794);
  animation: fall-176 30s -27s linear infinite;
}
@keyframes fall-176 {
  65.482% {
    transform: translate(99.8472vw, 65.482vh) scale(0.0794);
  }
  to {
    transform: translate(97.385vw, 100vh) scale(0.0794);
  }
}
.snow:nth-child(177) {
  opacity: 0.6683;
  transform: translate(9.2501vw, -10px) scale(0.8235);
  animation: fall-177 20s -3s linear infinite;
}
@keyframes fall-177 {
  70.542% {
    transform: translate(4.7226vw, 70.542vh) scale(0.8235);
  }
  to {
    transform: translate(6.98635vw, 100vh) scale(0.8235);
  }
}
.snow:nth-child(178) {
  opacity: 0.7194;
  transform: translate(68.7327vw, -10px) scale(0.6758);
  animation: fall-178 28s -22s linear infinite;
}
@keyframes fall-178 {
  51.835% {
    transform: translate(59.9496vw, 51.835vh) scale(0.6758);
  }
  to {
    transform: translate(64.34115vw, 100vh) scale(0.6758);
  }
}
.snow:nth-child(179) {
  opacity: 0.3294;
  transform: translate(29.5526vw, -10px) scale(0.6686);
  animation: fall-179 20s -26s linear infinite;
}
@keyframes fall-179 {
  57.293% {
    transform: translate(28.3315vw, 57.293vh) scale(0.6686);
  }
  to {
    transform: translate(28.94205vw, 100vh) scale(0.6686);
  }
}
.snow:nth-child(180) {
  opacity: 0.11;
  transform: translate(88.4302vw, -10px) scale(0.9054);
  animation: fall-180 11s -23s linear infinite;
}
@keyframes fall-180 {
  55.826% {
    transform: translate(97.6663vw, 55.826vh) scale(0.9054);
  }
  to {
    transform: translate(93.04825vw, 100vh) scale(0.9054);
  }
}
.snow:nth-child(181) {
  opacity: 0.2375;
  transform: translate(41.4669vw, -10px) scale(0.547);
  animation: fall-181 27s -2s linear infinite;
}
@keyframes fall-181 {
  79.793% {
    transform: translate(36.4084vw, 79.793vh) scale(0.547);
  }
  to {
    transform: translate(38.93765vw, 100vh) scale(0.547);
  }
}
.snow:nth-child(182) {
  opacity: 0.9181;
  transform: translate(23.0755vw, -10px) scale(0.8972);
  animation: fall-182 26s -14s linear infinite;
}
@keyframes fall-182 {
  76.954% {
    transform: translate(13.8158vw, 76.954vh) scale(0.8972);
  }
  to {
    transform: translate(18.44565vw, 100vh) scale(0.8972);
  }
}
.snow:nth-child(183) {
  opacity: 0.1298;
  transform: translate(16.4736vw, -10px) scale(0.9769);
  animation: fall-183 28s -28s linear infinite;
}
@keyframes fall-183 {
  37.652% {
    transform: translate(22.3653vw, 37.652vh) scale(0.9769);
  }
  to {
    transform: translate(19.41945vw, 100vh) scale(0.9769);
  }
}
.snow:nth-child(184) {
  opacity: 0.9103;
  transform: translate(87.4916vw, -10px) scale(0.0843);
  animation: fall-184 20s -29s linear infinite;
}
@keyframes fall-184 {
  66.076% {
    transform: translate(86.8989vw, 66.076vh) scale(0.0843);
  }
  to {
    transform: translate(87.19525vw, 100vh) scale(0.0843);
  }
}
.snow:nth-child(185) {
  opacity: 0.3471;
  transform: translate(88.2953vw, -10px) scale(0.7135);
  animation: fall-185 20s -27s linear infinite;
}
@keyframes fall-185 {
  68.729% {
    transform: translate(97.2951vw, 68.729vh) scale(0.7135);
  }
  to {
    transform: translate(92.7952vw, 100vh) scale(0.7135);
  }
}
.snow:nth-child(186) {
  opacity: 0.2811;
  transform: translate(27.6589vw, -10px) scale(0.3991);
  animation: fall-186 22s -26s linear infinite;
}
@keyframes fall-186 {
  75.907% {
    transform: translate(19.5326vw, 75.907vh) scale(0.3991);
  }
  to {
    transform: translate(23.59575vw, 100vh) scale(0.3991);
  }
}
.snow:nth-child(187) {
  opacity: 0.0775;
  transform: translate(34.0378vw, -10px) scale(0.4125);
  animation: fall-187 20s -29s linear infinite;
}
@keyframes fall-187 {
  75.222% {
    transform: translate(31.2726vw, 75.222vh) scale(0.4125);
  }
  to {
    transform: translate(32.6552vw, 100vh) scale(0.4125);
  }
}
.snow:nth-child(188) {
  opacity: 0.0432;
  transform: translate(54.8682vw, -10px) scale(0.9982);
  animation: fall-188 14s -20s linear infinite;
}
@keyframes fall-188 {
  76.327% {
    transform: translate(61.2463vw, 76.327vh) scale(0.9982);
  }
  to {
    transform: translate(58.05725vw, 100vh) scale(0.9982);
  }
}
.snow:nth-child(189) {
  opacity: 0.4433;
  transform: translate(6.976vw, -10px) scale(0.0133);
  animation: fall-189 22s -27s linear infinite;
}
@keyframes fall-189 {
  61.391% {
    transform: translate(-1.6343vw, 61.391vh) scale(0.0133);
  }
  to {
    transform: translate(2.67085vw, 100vh) scale(0.0133);
  }
}
.snow:nth-child(190) {
  opacity: 0.537;
  transform: translate(23.3168vw, -10px) scale(0.2188);
  animation: fall-190 28s -10s linear infinite;
}
@keyframes fall-190 {
  51.014% {
    transform: translate(21.9213vw, 51.014vh) scale(0.2188);
  }
  to {
    transform: translate(22.61905vw, 100vh) scale(0.2188);
  }
}
.snow:nth-child(191) {
  opacity: 0.2442;
  transform: translate(13.513vw, -10px) scale(0.023);
  animation: fall-191 13s -20s linear infinite;
}
@keyframes fall-191 {
  54.392% {
    transform: translate(6.0242vw, 54.392vh) scale(0.023);
  }
  to {
    transform: translate(9.7686vw, 100vh) scale(0.023);
  }
}
.snow:nth-child(192) {
  opacity: 0.1611;
  transform: translate(81.8745vw, -10px) scale(0.4273);
  animation: fall-192 21s -7s linear infinite;
}
@keyframes fall-192 {
  38.249% {
    transform: translate(75.0101vw, 38.249vh) scale(0.4273);
  }
  to {
    transform: translate(78.4423vw, 100vh) scale(0.4273);
  }
}
.snow:nth-child(193) {
  opacity: 0.039;
  transform: translate(74.3336vw, -10px) scale(0.9094);
  animation: fall-193 11s -8s linear infinite;
}
@keyframes fall-193 {
  63.876% {
    transform: translate(81.3004vw, 63.876vh) scale(0.9094);
  }
  to {
    transform: translate(77.817vw, 100vh) scale(0.9094);
  }
}
.snow:nth-child(194) {
  opacity: 0.0705;
  transform: translate(82.8105vw, -10px) scale(0.6186);
  animation: fall-194 25s -11s linear infinite;
}
@keyframes fall-194 {
  71.251% {
    transform: translate(91.1752vw, 71.251vh) scale(0.6186);
  }
  to {
    transform: translate(86.99285vw, 100vh) scale(0.6186);
  }
}
.snow:nth-child(195) {
  opacity: 0.2244;
  transform: translate(25.3194vw, -10px) scale(0.4263);
  animation: fall-195 26s -17s linear infinite;
}
@keyframes fall-195 {
  73.883% {
    transform: translate(27.4668vw, 73.883vh) scale(0.4263);
  }
  to {
    transform: translate(26.3931vw, 100vh) scale(0.4263);
  }
}
.snow:nth-child(196) {
  opacity: 0.1132;
  transform: translate(96.3828vw, -10px) scale(0.366);
  animation: fall-196 30s -24s linear infinite;
}
@keyframes fall-196 {
  52.113% {
    transform: translate(100.3477vw, 52.113vh) scale(0.366);
  }
  to {
    transform: translate(98.36525vw, 100vh) scale(0.366);
  }
}
.snow:nth-child(197) {
  opacity: 0.7529;
  transform: translate(1.2093vw, -10px) scale(0.238);
  animation: fall-197 23s -8s linear infinite;
}
@keyframes fall-197 {
  34.965% {
    transform: translate(4.2096vw, 34.965vh) scale(0.238);
  }
  to {
    transform: translate(2.70945vw, 100vh) scale(0.238);
  }
}
.snow:nth-child(198) {
  opacity: 0.3302;
  transform: translate(7.2009vw, -10px) scale(0.9988);
  animation: fall-198 11s -10s linear infinite;
}
@keyframes fall-198 {
  69.294% {
    transform: translate(-1.429vw, 69.294vh) scale(0.9988);
  }
  to {
    transform: translate(2.88595vw, 100vh) scale(0.9988);
  }
}
.snow:nth-child(199) {
  opacity: 0.4296;
  transform: translate(8.944vw, -10px) scale(0.9958);
  animation: fall-199 27s -10s linear infinite;
}
@keyframes fall-199 {
  66.023% {
    transform: translate(1.946vw, 66.023vh) scale(0.9958);
  }
  to {
    transform: translate(5.445vw, 100vh) scale(0.9958);
  }
}
.snow:nth-child(200) {
  opacity: 0.1895;
  transform: translate(75.2825vw, -10px) scale(0.7399);
  animation: fall-200 22s -22s linear infinite;
}
@keyframes fall-200 {
  65.138% {
    transform: translate(73.9007vw, 65.138vh) scale(0.7399);
  }
  to {
    transform: translate(74.5916vw, 100vh) scale(0.7399);
  }
}