body {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

body.body_day {
  background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 80%),
    url("assets/background.jpeg");
}

body.body_night {
  background-image: radial-gradient(ellipse farthest-corner, transparent, rgba(0.3, 0.3, 0, 0.3) 20%, rgba(0.3, 0.3, 0, 0.95) 80%),
    url("assets/background.jpeg");
}

#description {
  display: inline-block;
  //background-color: rgba(0, 0, 0, 0.8);
  color: green;
  overflow: auto;
  height: 50vh;
  width: 100%;
  margin: 0.5rem;
  font-size: 1.1rem;
  //font-family: Verdana,Geneva,sans-serif; 
  font-family: "Faculty Glyphic", sans-serif;

  p {
    margin-right: 15px;
  }
  
  b {
    font-weight: bolder;
    color: #558855;
  }
}

.helpdesc {
  display: inline-block;
  //background-color: rgba(0, 0, 0, 0.8);
  color: green;
  overflow: auto;
  height: 50vh;
  width: 100%;
  margin: 0.5rem;
  font-size: 1.1rem;
  //font-family: Verdana,Geneva,sans-serif; 
  font-family: "Faculty Glyphic", sans-serif;

  p {
    margin-right: 15px;
  }
  
  b {
    font-weight: bolder;
    color: #558855;
  }
}

.helpdiv {
  width: 50%;
  height: 50%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.85);
  border:1px solid black;
  position: absolute;
  top: 25%;
  left: 25%;

  button {
    width: 100%;
    font-family: "Faculty Glyphic", sans-serif;
    font-size: 24px;
    padding: 5px;
  }
}

.gamediv {
  width: 50%;
  height: 50%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.85);
  border:2px solid rgba(0, 0, 0, 0.85);
  position: absolute;
  top: 25%;
  left: 25%;
  border-radius: 8px;
 
  &.combat {
    border-color: rgba( 100, 0, 0, 0.85 );
    animation: pulse-animation 2s infinite;
  }
  
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.4);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(1, 0, 0, 0);
  }
}

.user-input {
  width: 100%;
}

.user-input-history {
  font-style: italic;
  color: #223322;
}

body {
  background-color: #221111;
}

.volumes-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  background-color: rgba( 0, 0, 0, .4 );
  padding: 5px;
  color: white;
   
  input[type="range"] {
    border-radius: 1rem;
  }
  
}

#menudiv {
  width: 50%;
  height: 50%;
  margin: auto;
  position: absolute;
  top: 25%;
  left: 25%;
  
  img {
    text-align: center;
    margin: auto;
    display: block;
  }
  
  table {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    &#menu_gift {
      background: rgba(0, 0, 0, .5);
    }
    th {
      text-align: center;
      font-family: "Faculty Glyphic", sans-serif;
      font-size: 24px;
      color: white;
      background: rgba(0, 0, 0, .5);
      font-style: normal;
      padding-bottom: 8px;
      padding-top: 8px;
    }
    tr {
      color: lightgray;
      font-style: italic;
      margin-left: 2rem;
    }
    button {
      width: 100%;
      font-family: "Faculty Glyphic", sans-serif;
      font-weight: bold;
      font-size: 20px;
      min-height: 45px;
      padding-left: 0px;
      padding-right: 0px;
      &:hover {
        transform: scale( 1.05 ) !important; 
      }
    }
  }
}

.reminder {
  color: #334433;
}

#stats {
  color: white;
  p {
    margin: 0;
  }
  div {
    margin-top: 0.75rem;
    background: rgba( 0, 0, 0, 0.5);
    padding: 0.5rem;
    /*! width: 25%; */
  }
  div#stats_area {
    float: left;
    clear: none;
    width: 5rem;
    margin-left: 12rem;
    border-radius: 8px;
    
    table {
      table-layout: fixed;
      width: 100%;
    }
    
    .handle {
      margin-left: -0.5rem;
      margin-right: -0.5rem;
      margin-top: -0.5rem;
    }
    
    td {
      width: 33.3%;
      text-align: center;
      font-size: 1.4rem;
      font-family: "Faculty Glyphic", sans-serif;
    }
  }
  div#stats_left {
    float: left;
    clear: none;
    width: 25%;
  }
  div#stats_right{
    float: right;
    clear: none;
    text-align: right;
    width: 25%;
  }
  .motion-detector {
    width: 13rem;
    height: 13rem;
    border: 7px;
    /*border-color: rgba(0.8, 0.6, 0.6, 1);*/
    border-radius: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    /*background-image: radial-gradient(ellipse farthest-corner, rgba(0, 60, 0, 0.3) 20%, rgba(0, 30, 0, 0.6) 80%);*/
    background: radial-gradient(ellipse farthest-corner, rgba(0, 60, 0, 0.3) 20%, rgba(0, 20, 0, 0.9) 80%), repeating-linear-gradient(to top, #00000055, #00000055 2px, #33333355 4px, #33333355 6px);
    background-size: cover;
    /*background-size: 100% 3px;*/
    animation: scanlines infinite 5s linear ;

    table {
      position: relative;
      table-layout: fixed;
      width: 13rem;
      height: 13rem;
      display:table;
    }

    .motion-cell {
      border: solid 2px;
      border-radius: 1px;
      border-color: rgb( 140, 200, 140 );
      width: 2rem;
      height: 2rem;
      &.outside {
        border-color: rgb(80, 120, 80);
      }
      &.empty {
        border-color: rgb( 0, 0, 0 );
      }
    }
  }
}

.npc-friendly {
  color: #33aa88;
  font-style: italic;
}

.npc-hostile {
  color: #aa3333;
  font-style: italic;
}

.shaky-text {
  display: inline-block;
  animation: skew-x-shaking 0.75s linear infinite;
  animation-name: skew-x-shaking;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes skew-x-shaking{
 0% { transform: skewX(-15deg); }
 5% { transform: skewX(15deg); }
 10% { transform: skewX(-15deg); }
 15% { transform: skewX(15deg); }
 20% { transform: skewX(0deg); }
 100% { transform: skewX(0deg); }
}

.enemy-attack {
  color: #aa3333;
  font-style: italic;
}

.enemy-attack-miss {
  color: #996633;
}

.attack {
  color: #aa3333;
  font-style: italic;
}

.attack-hit {
  color: #996633;
}

.omen {
  color: darkred;
  font-style: italic;
}

.dialogue {
  font-style: italic;
}

html {
    overflow: scroll;
    overflow: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.container {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.container::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

@keyframes scanlines {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -10px;
  }
}

@keyframes blip-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 255, 0, 0.4);
  }
  100% {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
  }
}

.blip-player {
  background: radial-gradient(ellipse farthest-corner, rgba(50, 50, 150, 0.6) 20%, rgba(0, 30, 0, 0.6) 80%);
  animation: blip-animation 3s infinite;
  border: solid 2px rgba(120, 120, 80, 0.2);
  height:1rem;
  width:1rem;
  --rand_x: 1rem;
  --rand_y: -0.25rem;
  margin: -0.5rem;
  transform: translate(var(--rand_x), var(--rand_y));
  background-color: rgba(50, 50, 150, 0.6);
  border-radius:50%;
  display: inline-block;
}

.blip-enemy {
  background: radial-gradient(ellipse farthest-corner, rgba(150, 50, 50, 0.6) 20%, rgba(50, 0, 0, 0.6) 80%);
  animation: blip-animation 3s infinite;
  border: solid 2px rgba(120, 80, 80, 0.2);
  height:0.5rem;
  width:0.5rem;
  --rand_x: 0rem;
  --rand_y: 0rem;
  margin: -0.25rem;
  transform: translate(var(--rand_x), var(--rand_y));
  background-color: rgba(180, 30, 30, 0.6);
  border-radius:50%;
  display: inline-block;
}

.blip-npc {
  background: radial-gradient(ellipse farthest-corner, rgba(30, 30, 130, 0.6) 20%, rgba(0, 0, 30, 0.6) 80%);
  animation: blip-animation 3s infinite;
  border: solid 2px rgba(80, 80, 130, 0.2);
  height:0.5rem;
  width:0.5rem;
  --rand_x: 0rem;
  --rand_y: 0rem;
  margin: -0.25rem;
  transform: translate(var(--rand_x), var(--rand_y));
  background-color: rgba(30, 30, 130, 0.6);
  border-radius:50%;
  display: inline-block;
}

.blip-building {
  height:0.5rem;
  width:0.5rem;
  --rand_x: 0rem;
  --rand_y: 0rem;
  margin: -0.25rem;
  transform: translate(var(--rand_x), var(--rand_y));
  background-color: rgba(30, 130, 30, 0.6);
  border-radius:50%;
  display: inline-block;
}

#loc_lists {
  background: rgba( 0, 0, 0, 0.5);
  padding: 0.5rem;
  
  width: 15%;
  
  position: fixed;
  color: white;
  display: block;
  left:80%;
  border: 8px;
  border-radius: 8px;
  top: 25%;
  
  table {
    table-layout: fixed;
    
    .npc-action: {
      width: 50%;
      cursor: pointer;
      border: 1px solid #ffffff;
    }
    .item-action: {
      width: 25%;
      cursor: pointer;
      border: 1px solid #ffffff;
    }
    .action-selected {
      color: #33aa88;
      background: #33663355;
    }
  }
}

.npc-action {
  width: 50%;
  cursor: pointer;
  border: 1px solid #ffffff22;
  background: #33333333;
  border-radius: 3px;
  text-align: center;
}

.item-action {
  width: 25%;
  cursor: pointer;
  border: 1px solid #ffffff22;
  background: #33333333;
  border-radius: 3px;
  text-align: center;
}

.item-button {
  cursor: pointer;
  transition: color 0.5s ease-in-out;
  &:hover {
    color: #33aa88;
  }
}

.npc-button {
  cursor: pointer;
  transition: color 0.5s ease-in-out;
  &:hover {
    color: #33aa88;
  }
}

.exit_button {
  cursor: pointer;
}

.lantern_boost {
  width: 12rem;
  height: 3rem;
  border: 3px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 3px;
}

div#lantern_boost_state {
  --fill: 50%;
  background: linear-gradient(to right, #ff0, #333 var(--fill), #00000055 100%);
}

.exit_a {
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.5s ease-in-out;
  &:hover {
    color: #33aa88;
  }
}

#inventory {
  background: rgba( 0, 0, 0, 0.5);
  padding: 0.5rem;
  
  width: 15%;
  
  position: fixed;
  color: white;
  display: block;
  left: 5%;
  border: 8px;
  border-radius: 8px;
  top: 25%;
  
  table {
    table-layout: fixed;
    
    .inventory-action: {
      width: 25%;
      border: 1px solid #ffffff;
      cursor: pointer;
    }
    .action-selected {
      color: #33aa88;
      background: #33663355;
    }
  }
}

.inventory-action {
  cursor: pointer;
  width: 25%;
  border: 1px solid #ffffff22;
  background: #33333333;
  border-radius: 3px;
  text-align: center;
}

.inventory-button {
  cursor: pointer;
  transition: color 0.5s ease-in-out;
  &:hover {
    color: #33aa88;
  }
  &.inventory-equipped {
    font-weight: bold;
  }
}

.handle {
  background-color: rgba(10, 100, 10, .3);
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  border-radius: 8px;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  font-weight: bolder;
  cursor: grab;
}

/* Stolen */

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.0269;
  transform: translate(64.8377vw, -10px) scale(0.3676);
  animation: fall-1 25s -15s linear infinite;
}
@keyframes fall-1 {
  51.286% {
    transform: translate(73.8731vw, 51.286vh) scale(0.3676);
  }
  to {
    transform: translate(69.3554vw, 100vh) scale(0.3676);
  }
}
.snow:nth-child(2) {
  opacity: 0.0856;
  transform: translate(35.584vw, -10px) scale(0.3765);
  animation: fall-2 30s -27s linear infinite;
}
@keyframes fall-2 {
  30.323% {
    transform: translate(37.2553vw, 30.323vh) scale(0.3765);
  }
  to {
    transform: translate(36.41965vw, 100vh) scale(0.3765);
  }
}
.snow:nth-child(3) {
  opacity: 0.4822;
  transform: translate(79.9881vw, -10px) scale(0.471);
  animation: fall-3 25s -17s linear infinite;
}
@keyframes fall-3 {
  56.878% {
    transform: translate(75.5503vw, 56.878vh) scale(0.471);
  }
  to {
    transform: translate(77.7692vw, 100vh) scale(0.471);
  }
}
.snow:nth-child(4) {
  opacity: 0.1096;
  transform: translate(1.9573vw, -10px) scale(0.509);
  animation: fall-4 22s -19s linear infinite;
}
@keyframes fall-4 {
  48.747% {
    transform: translate(-2.9888vw, 48.747vh) scale(0.509);
  }
  to {
    transform: translate(-0.51575vw, 100vh) scale(0.509);
  }
}
.snow:nth-child(5) {
  opacity: 0.8561;
  transform: translate(28.722vw, -10px) scale(0.297);
  animation: fall-5 11s -16s linear infinite;
}
@keyframes fall-5 {
  44.161% {
    transform: translate(19.958vw, 44.161vh) scale(0.297);
  }
  to {
    transform: translate(24.34vw, 100vh) scale(0.297);
  }
}
.snow:nth-child(6) {
  opacity: 0.2978;
  transform: translate(78.4782vw, -10px) scale(0.4212);
  animation: fall-6 18s -6s linear infinite;
}
@keyframes fall-6 {
  75.703% {
    transform: translate(69.8194vw, 75.703vh) scale(0.4212);
  }
  to {
    transform: translate(74.1488vw, 100vh) scale(0.4212);
  }
}
.snow:nth-child(7) {
  opacity: 0.6817;
  transform: translate(56.7361vw, -10px) scale(0.6209);
  animation: fall-7 27s -2s linear infinite;
}
@keyframes fall-7 {
  62.673% {
    transform: translate(50.1461vw, 62.673vh) scale(0.6209);
  }
  to {
    transform: translate(53.4411vw, 100vh) scale(0.6209);
  }
}
.snow:nth-child(8) {
  opacity: 0.9451;
  transform: translate(87.9132vw, -10px) scale(0.4675);
  animation: fall-8 20s -20s linear infinite;
}
@keyframes fall-8 {
  72.682% {
    transform: translate(83.6606vw, 72.682vh) scale(0.4675);
  }
  to {
    transform: translate(85.7869vw, 100vh) scale(0.4675);
  }
}
.snow:nth-child(9) {
  opacity: 0.9071;
  transform: translate(17.2558vw, -10px) scale(0.0695);
  animation: fall-9 10s -30s linear infinite;
}
@keyframes fall-9 {
  60.335% {
    transform: translate(12.2577vw, 60.335vh) scale(0.0695);
  }
  to {
    transform: translate(14.75675vw, 100vh) scale(0.0695);
  }
}
.snow:nth-child(10) {
  opacity: 0.5243;
  transform: translate(4.4989vw, -10px) scale(0.9923);
  animation: fall-10 11s -5s linear infinite;
}
@keyframes fall-10 {
  37.869% {
    transform: translate(4.1177vw, 37.869vh) scale(0.9923);
  }
  to {
    transform: translate(4.3083vw, 100vh) scale(0.9923);
  }
}
.snow:nth-child(11) {
  opacity: 0.411;
  transform: translate(10.8866vw, -10px) scale(0.2986);
  animation: fall-11 21s -17s linear infinite;
}
@keyframes fall-11 {
  46.834% {
    transform: translate(9.3917vw, 46.834vh) scale(0.2986);
  }
  to {
    transform: translate(10.13915vw, 100vh) scale(0.2986);
  }
}
.snow:nth-child(12) {
  opacity: 0.6974;
  transform: translate(38.9712vw, -10px) scale(0.6057);
  animation: fall-12 12s -29s linear infinite;
}
@keyframes fall-12 {
  37.931% {
    transform: translate(39.0584vw, 37.931vh) scale(0.6057);
  }
  to {
    transform: translate(39.0148vw, 100vh) scale(0.6057);
  }
}
.snow:nth-child(13) {
  opacity: 0.2659;
  transform: translate(16.3111vw, -10px) scale(0.6859);
  animation: fall-13 12s -17s linear infinite;
}
@keyframes fall-13 {
  54.193% {
    transform: translate(7.726vw, 54.193vh) scale(0.6859);
  }
  to {
    transform: translate(12.01855vw, 100vh) scale(0.6859);
  }
}
.snow:nth-child(14) {
  opacity: 0.8145;
  transform: translate(41.9928vw, -10px) scale(0.1872);
  animation: fall-14 23s -15s linear infinite;
}
@keyframes fall-14 {
  66.374% {
    transform: translate(45.0783vw, 66.374vh) scale(0.1872);
  }
  to {
    transform: translate(43.53555vw, 100vh) scale(0.1872);
  }
}
.snow:nth-child(15) {
  opacity: 0.763;
  transform: translate(86.8517vw, -10px) scale(0.3097);
  animation: fall-15 16s -3s linear infinite;
}
@keyframes fall-15 {
  68.545% {
    transform: translate(83.7498vw, 68.545vh) scale(0.3097);
  }
  to {
    transform: translate(85.30075vw, 100vh) scale(0.3097);
  }
}
.snow:nth-child(16) {
  opacity: 0.8471;
  transform: translate(52.906vw, -10px) scale(0.6447);
  animation: fall-16 11s -21s linear infinite;
}
@keyframes fall-16 {
  49.161% {
    transform: translate(53.3173vw, 49.161vh) scale(0.6447);
  }
  to {
    transform: translate(53.11165vw, 100vh) scale(0.6447);
  }
}
.snow:nth-child(17) {
  opacity: 0.1176;
  transform: translate(33.7561vw, -10px) scale(0.4826);
  animation: fall-17 26s -15s linear infinite;
}
@keyframes fall-17 {
  45.684% {
    transform: translate(43.404vw, 45.684vh) scale(0.4826);
  }
  to {
    transform: translate(38.58005vw, 100vh) scale(0.4826);
  }
}
.snow:nth-child(18) {
  opacity: 0.0167;
  transform: translate(90.4926vw, -10px) scale(0.1415);
  animation: fall-18 15s -26s linear infinite;
}
@keyframes fall-18 {
  78.778% {
    transform: translate(91.6446vw, 78.778vh) scale(0.1415);
  }
  to {
    transform: translate(91.0686vw, 100vh) scale(0.1415);
  }
}
.snow:nth-child(19) {
  opacity: 0.9491;
  transform: translate(0.4347vw, -10px) scale(0.977);
  animation: fall-19 10s -3s linear infinite;
}
@keyframes fall-19 {
  78.12% {
    transform: translate(5.4596vw, 78.12vh) scale(0.977);
  }
  to {
    transform: translate(2.94715vw, 100vh) scale(0.977);
  }
}
.snow:nth-child(20) {
  opacity: 0.7478;
  transform: translate(3.1813vw, -10px) scale(0.5744);
  animation: fall-20 11s -8s linear infinite;
}
@keyframes fall-20 {
  74.923% {
    transform: translate(13.1496vw, 74.923vh) scale(0.5744);
  }
  to {
    transform: translate(8.16545vw, 100vh) scale(0.5744);
  }
}
.snow:nth-child(21) {
  opacity: 0.7521;
  transform: translate(19.4957vw, -10px) scale(0.4988);
  animation: fall-21 30s -4s linear infinite;
}
@keyframes fall-21 {
  61.508% {
    transform: translate(12.6713vw, 61.508vh) scale(0.4988);
  }
  to {
    transform: translate(16.0835vw, 100vh) scale(0.4988);
  }
}
.snow:nth-child(22) {
  opacity: 0.3501;
  transform: translate(72.5532vw, -10px) scale(0.1987);
  animation: fall-22 20s -24s linear infinite;
}
@keyframes fall-22 {
  59.251% {
    transform: translate(77.8701vw, 59.251vh) scale(0.1987);
  }
  to {
    transform: translate(75.21165vw, 100vh) scale(0.1987);
  }
}
.snow:nth-child(23) {
  opacity: 0.4666;
  transform: translate(50.756vw, -10px) scale(0.9297);
  animation: fall-23 14s -27s linear infinite;
}
@keyframes fall-23 {
  31.235% {
    transform: translate(43.449vw, 31.235vh) scale(0.9297);
  }
  to {
    transform: translate(47.1025vw, 100vh) scale(0.9297);
  }
}
.snow:nth-child(24) {
  opacity: 0.5466;
  transform: translate(59.7356vw, -10px) scale(0.7643);
  animation: fall-24 16s -15s linear infinite;
}
@keyframes fall-24 {
  73.407% {
    transform: translate(49.8355vw, 73.407vh) scale(0.7643);
  }
  to {
    transform: translate(54.78555vw, 100vh) scale(0.7643);
  }
}
.snow:nth-child(25) {
  opacity: 0.1331;
  transform: translate(27.3593vw, -10px) scale(0.6064);
  animation: fall-25 19s -26s linear infinite;
}
@keyframes fall-25 {
  30.921% {
    transform: translate(22.7008vw, 30.921vh) scale(0.6064);
  }
  to {
    transform: translate(25.03005vw, 100vh) scale(0.6064);
  }
}
.snow:nth-child(26) {
  opacity: 0.5452;
  transform: translate(45.9721vw, -10px) scale(0.6166);
  animation: fall-26 12s -19s linear infinite;
}
@keyframes fall-26 {
  51.73% {
    transform: translate(49.8659vw, 51.73vh) scale(0.6166);
  }
  to {
    transform: translate(47.919vw, 100vh) scale(0.6166);
  }
}
.snow:nth-child(27) {
  opacity: 0.1981;
  transform: translate(51.2692vw, -10px) scale(0.5725);
  animation: fall-27 13s -13s linear infinite;
}
@keyframes fall-27 {
  53.297% {
    transform: translate(50.0568vw, 53.297vh) scale(0.5725);
  }
  to {
    transform: translate(50.663vw, 100vh) scale(0.5725);
  }
}
.snow:nth-child(28) {
  opacity: 0.8914;
  transform: translate(56.0671vw, -10px) scale(0.0216);
  animation: fall-28 30s -1s linear infinite;
}
@keyframes fall-28 {
  46.905% {
    transform: translate(46.6046vw, 46.905vh) scale(0.0216);
  }
  to {
    transform: translate(51.33585vw, 100vh) scale(0.0216);
  }
}
.snow:nth-child(29) {
  opacity: 0.7109;
  transform: translate(42.4621vw, -10px) scale(0.5044);
  animation: fall-29 20s -14s linear infinite;
}
@keyframes fall-29 {
  76.502% {
    transform: translate(39.1731vw, 76.502vh) scale(0.5044);
  }
  to {
    transform: translate(40.8176vw, 100vh) scale(0.5044);
  }
}
.snow:nth-child(30) {
  opacity: 0.111;
  transform: translate(6.9926vw, -10px) scale(0.1017);
  animation: fall-30 20s -22s linear infinite;
}
@keyframes fall-30 {
  76.959% {
    transform: translate(10.6873vw, 76.959vh) scale(0.1017);
  }
  to {
    transform: translate(8.83995vw, 100vh) scale(0.1017);
  }
}
.snow:nth-child(31) {
  opacity: 0.3048;
  transform: translate(72.8596vw, -10px) scale(0.9454);
  animation: fall-31 13s -18s linear infinite;
}
@keyframes fall-31 {
  62.069% {
    transform: translate(63.1741vw, 62.069vh) scale(0.9454);
  }
  to {
    transform: translate(68.01685vw, 100vh) scale(0.9454);
  }
}
.snow:nth-child(32) {
  opacity: 0.3375;
  transform: translate(35.1011vw, -10px) scale(0.2204);
  animation: fall-32 17s -17s linear infinite;
}
@keyframes fall-32 {
  61.352% {
    transform: translate(39.1543vw, 61.352vh) scale(0.2204);
  }
  to {
    transform: translate(37.1277vw, 100vh) scale(0.2204);
  }
}
.snow:nth-child(33) {
  opacity: 0.0551;
  transform: translate(44.898vw, -10px) scale(0.9243);
  animation: fall-33 28s -10s linear infinite;
}
@keyframes fall-33 {
  32.524% {
    transform: translate(36.3799vw, 32.524vh) scale(0.9243);
  }
  to {
    transform: translate(40.63895vw, 100vh) scale(0.9243);
  }
}
.snow:nth-child(34) {
  opacity: 0.7907;
  transform: translate(75.9794vw, -10px) scale(0.0854);
  animation: fall-34 14s -25s linear infinite;
}
@keyframes fall-34 {
  32.583% {
    transform: translate(81.0363vw, 32.583vh) scale(0.0854);
  }
  to {
    transform: translate(78.50785vw, 100vh) scale(0.0854);
  }
}
.snow:nth-child(35) {
  opacity: 0.9516;
  transform: translate(2.9599vw, -10px) scale(0.8791);
  animation: fall-35 29s -15s linear infinite;
}
@keyframes fall-35 {
  60.19% {
    transform: translate(3.9747vw, 60.19vh) scale(0.8791);
  }
  to {
    transform: translate(3.4673vw, 100vh) scale(0.8791);
  }
}
.snow:nth-child(36) {
  opacity: 0.0221;
  transform: translate(26.4717vw, -10px) scale(0.0166);
  animation: fall-36 20s -9s linear infinite;
}
@keyframes fall-36 {
  69.525% {
    transform: translate(34.919vw, 69.525vh) scale(0.0166);
  }
  to {
    transform: translate(30.69535vw, 100vh) scale(0.0166);
  }
}
.snow:nth-child(37) {
  opacity: 0.433;
  transform: translate(31.3968vw, -10px) scale(0.7922);
  animation: fall-37 24s -26s linear infinite;
}
@keyframes fall-37 {
  72.659% {
    transform: translate(35.0427vw, 72.659vh) scale(0.7922);
  }
  to {
    transform: translate(33.21975vw, 100vh) scale(0.7922);
  }
}
.snow:nth-child(38) {
  opacity: 0.1194;
  transform: translate(93.9065vw, -10px) scale(0.9553);
  animation: fall-38 10s -23s linear infinite;
}
@keyframes fall-38 {
  42.753% {
    transform: translate(91.186vw, 42.753vh) scale(0.9553);
  }
  to {
    transform: translate(92.54625vw, 100vh) scale(0.9553);
  }
}
.snow:nth-child(39) {
  opacity: 0.6783;
  transform: translate(42.729vw, -10px) scale(0.2092);
  animation: fall-39 13s -9s linear infinite;
}
@keyframes fall-39 {
  61.289% {
    transform: translate(45.3317vw, 61.289vh) scale(0.2092);
  }
  to {
    transform: translate(44.03035vw, 100vh) scale(0.2092);
  }
}
.snow:nth-child(40) {
  opacity: 0.9712;
  transform: translate(21.7266vw, -10px) scale(0.6594);
  animation: fall-40 24s -1s linear infinite;
}
@keyframes fall-40 {
  46.639% {
    transform: translate(28.1287vw, 46.639vh) scale(0.6594);
  }
  to {
    transform: translate(24.92765vw, 100vh) scale(0.6594);
  }
}
.snow:nth-child(41) {
  opacity: 0.3511;
  transform: translate(71.2653vw, -10px) scale(0.5252);
  animation: fall-41 20s -9s linear infinite;
}
@keyframes fall-41 {
  62.513% {
    transform: translate(79.0368vw, 62.513vh) scale(0.5252);
  }
  to {
    transform: translate(75.15105vw, 100vh) scale(0.5252);
  }
}
.snow:nth-child(42) {
  opacity: 0.9379;
  transform: translate(23.643vw, -10px) scale(0.8409);
  animation: fall-42 11s -3s linear infinite;
}
@keyframes fall-42 {
  64.093% {
    transform: translate(27.8709vw, 64.093vh) scale(0.8409);
  }
  to {
    transform: translate(25.75695vw, 100vh) scale(0.8409);
  }
}
.snow:nth-child(43) {
  opacity: 0.11;
  transform: translate(97.1032vw, -10px) scale(0.7915);
  animation: fall-43 19s -24s linear infinite;
}
@keyframes fall-43 {
  31.145% {
    transform: translate(87.2157vw, 31.145vh) scale(0.7915);
  }
  to {
    transform: translate(92.15945vw, 100vh) scale(0.7915);
  }
}
.snow:nth-child(44) {
  opacity: 0.2732;
  transform: translate(21.7487vw, -10px) scale(0.2691);
  animation: fall-44 18s -6s linear infinite;
}
@keyframes fall-44 {
  33.645% {
    transform: translate(21.5505vw, 33.645vh) scale(0.2691);
  }
  to {
    transform: translate(21.6496vw, 100vh) scale(0.2691);
  }
}
.snow:nth-child(45) {
  opacity: 0.9292;
  transform: translate(28.7428vw, -10px) scale(0.962);
  animation: fall-45 23s -25s linear infinite;
}
@keyframes fall-45 {
  51.547% {
    transform: translate(20.4693vw, 51.547vh) scale(0.962);
  }
  to {
    transform: translate(24.60605vw, 100vh) scale(0.962);
  }
}
.snow:nth-child(46) {
  opacity: 0.3928;
  transform: translate(0.9653vw, -10px) scale(0.4109);
  animation: fall-46 29s -8s linear infinite;
}
@keyframes fall-46 {
  31.621% {
    transform: translate(0.0109vw, 31.621vh) scale(0.4109);
  }
  to {
    transform: translate(0.4881vw, 100vh) scale(0.4109);
  }
}
.snow:nth-child(47) {
  opacity: 0.4527;
  transform: translate(10.5316vw, -10px) scale(0.5675);
  animation: fall-47 13s -10s linear infinite;
}
@keyframes fall-47 {
  60.191% {
    transform: translate(8.7853vw, 60.191vh) scale(0.5675);
  }
  to {
    transform: translate(9.65845vw, 100vh) scale(0.5675);
  }
}
.snow:nth-child(48) {
  opacity: 0.1235;
  transform: translate(8.3162vw, -10px) scale(0.9059);
  animation: fall-48 18s -23s linear infinite;
}
@keyframes fall-48 {
  58.768% {
    transform: translate(1.4887vw, 58.768vh) scale(0.9059);
  }
  to {
    transform: translate(4.90245vw, 100vh) scale(0.9059);
  }
}
.snow:nth-child(49) {
  opacity: 0.8542;
  transform: translate(31.2533vw, -10px) scale(0.0559);
  animation: fall-49 10s -29s linear infinite;
}
@keyframes fall-49 {
  49.579% {
    transform: translate(25.5053vw, 49.579vh) scale(0.0559);
  }
  to {
    transform: translate(28.3793vw, 100vh) scale(0.0559);
  }
}
.snow:nth-child(50) {
  opacity: 0.9177;
  transform: translate(63.2573vw, -10px) scale(0.457);
  animation: fall-50 11s -8s linear infinite;
}
@keyframes fall-50 {
  72.818% {
    transform: translate(72.4311vw, 72.818vh) scale(0.457);
  }
  to {
    transform: translate(67.8442vw, 100vh) scale(0.457);
  }
}
.snow:nth-child(51) {
  opacity: 0.2859;
  transform: translate(86.8977vw, -10px) scale(0.7585);
  animation: fall-51 30s -15s linear infinite;
}
@keyframes fall-51 {
  67.169% {
    transform: translate(82.5004vw, 67.169vh) scale(0.7585);
  }
  to {
    transform: translate(84.69905vw, 100vh) scale(0.7585);
  }
}
.snow:nth-child(52) {
  opacity: 0.5363;
  transform: translate(95.3127vw, -10px) scale(0.872);
  animation: fall-52 11s -8s linear infinite;
}
@keyframes fall-52 {
  37.079% {
    transform: translate(95.1237vw, 37.079vh) scale(0.872);
  }
  to {
    transform: translate(95.2182vw, 100vh) scale(0.872);
  }
}
.snow:nth-child(53) {
  opacity: 0.9695;
  transform: translate(47.6882vw, -10px) scale(0.5065);
  animation: fall-53 12s -27s linear infinite;
}
@keyframes fall-53 {
  61.133% {
    transform: translate(50.3037vw, 61.133vh) scale(0.5065);
  }
  to {
    transform: translate(48.99595vw, 100vh) scale(0.5065);
  }
}
.snow:nth-child(54) {
  opacity: 0.5768;
  transform: translate(92.2417vw, -10px) scale(0.7799);
  animation: fall-54 14s -5s linear infinite;
}
@keyframes fall-54 {
  43.02% {
    transform: translate(92.6964vw, 43.02vh) scale(0.7799);
  }
  to {
    transform: translate(92.46905vw, 100vh) scale(0.7799);
  }
}
.snow:nth-child(55) {
  opacity: 0.3242;
  transform: translate(50.581vw, -10px) scale(0.393);
  animation: fall-55 20s -23s linear infinite;
}
@keyframes fall-55 {
  71.246% {
    transform: translate(59.1919vw, 71.246vh) scale(0.393);
  }
  to {
    transform: translate(54.88645vw, 100vh) scale(0.393);
  }
}
.snow:nth-child(56) {
  opacity: 0.5118;
  transform: translate(60.3723vw, -10px) scale(0.4323);
  animation: fall-56 20s -27s linear infinite;
}
@keyframes fall-56 {
  68.593% {
    transform: translate(70.147vw, 68.593vh) scale(0.4323);
  }
  to {
    transform: translate(65.25965vw, 100vh) scale(0.4323);
  }
}
.snow:nth-child(57) {
  opacity: 0.0475;
  transform: translate(97.0153vw, -10px) scale(0.5589);
  animation: fall-57 17s -25s linear infinite;
}
@keyframes fall-57 {
  70.056% {
    transform: translate(98.6495vw, 70.056vh) scale(0.5589);
  }
  to {
    transform: translate(97.8324vw, 100vh) scale(0.5589);
  }
}
.snow:nth-child(58) {
  opacity: 0.7002;
  transform: translate(57.3573vw, -10px) scale(0.5531);
  animation: fall-58 22s -7s linear infinite;
}
@keyframes fall-58 {
  63.758% {
    transform: translate(54.5947vw, 63.758vh) scale(0.5531);
  }
  to {
    transform: translate(55.976vw, 100vh) scale(0.5531);
  }
}
.snow:nth-child(59) {
  opacity: 0.9293;
  transform: translate(6.9476vw, -10px) scale(0.5248);
  animation: fall-59 25s -22s linear infinite;
}
@keyframes fall-59 {
  71.899% {
    transform: translate(11.9713vw, 71.899vh) scale(0.5248);
  }
  to {
    transform: translate(9.45945vw, 100vh) scale(0.5248);
  }
}
.snow:nth-child(60) {
  opacity: 0.3237;
  transform: translate(34.0172vw, -10px) scale(0.6101);
  animation: fall-60 28s -23s linear infinite;
}
@keyframes fall-60 {
  78.998% {
    transform: translate(32.7105vw, 78.998vh) scale(0.6101);
  }
  to {
    transform: translate(33.36385vw, 100vh) scale(0.6101);
  }
}
.snow:nth-child(61) {
  opacity: 0.1843;
  transform: translate(43.3754vw, -10px) scale(0.6641);
  animation: fall-61 23s -27s linear infinite;
}
@keyframes fall-61 {
  71.012% {
    transform: translate(37.7959vw, 71.012vh) scale(0.6641);
  }
  to {
    transform: translate(40.58565vw, 100vh) scale(0.6641);
  }
}
.snow:nth-child(62) {
  opacity: 0.5476;
  transform: translate(25.4129vw, -10px) scale(0.1216);
  animation: fall-62 26s -21s linear infinite;
}
@keyframes fall-62 {
  40.431% {
    transform: translate(33.6344vw, 40.431vh) scale(0.1216);
  }
  to {
    transform: translate(29.52365vw, 100vh) scale(0.1216);
  }
}
.snow:nth-child(63) {
  opacity: 0.6212;
  transform: translate(72.2287vw, -10px) scale(0.2209);
  animation: fall-63 14s -29s linear infinite;
}
@keyframes fall-63 {
  31.028% {
    transform: translate(72.7704vw, 31.028vh) scale(0.2209);
  }
  to {
    transform: translate(72.49955vw, 100vh) scale(0.2209);
  }
}
.snow:nth-child(64) {
  opacity: 0.0625;
  transform: translate(70.427vw, -10px) scale(0.7047);
  animation: fall-64 18s -11s linear infinite;
}
@keyframes fall-64 {
  37.888% {
    transform: translate(67.9474vw, 37.888vh) scale(0.7047);
  }
  to {
    transform: translate(69.1872vw, 100vh) scale(0.7047);
  }
}
.snow:nth-child(65) {
  opacity: 0.9713;
  transform: translate(8.2123vw, -10px) scale(0.6501);
  animation: fall-65 12s -25s linear infinite;
}
@keyframes fall-65 {
  74.296% {
    transform: translate(-1.2246vw, 74.296vh) scale(0.6501);
  }
  to {
    transform: translate(3.49385vw, 100vh) scale(0.6501);
  }
}
.snow:nth-child(66) {
  opacity: 0.7668;
  transform: translate(18.3497vw, -10px) scale(0.1651);
  animation: fall-66 16s -11s linear infinite;
}
@keyframes fall-66 {
  57.469% {
    transform: translate(25.679vw, 57.469vh) scale(0.1651);
  }
  to {
    transform: translate(22.01435vw, 100vh) scale(0.1651);
  }
}
.snow:nth-child(67) {
  opacity: 0.92;
  transform: translate(33.7262vw, -10px) scale(0.2836);
  animation: fall-67 18s -28s linear infinite;
}
@keyframes fall-67 {
  78.112% {
    transform: translate(29.1413vw, 78.112vh) scale(0.2836);
  }
  to {
    transform: translate(31.43375vw, 100vh) scale(0.2836);
  }
}
.snow:nth-child(68) {
  opacity: 0.8403;
  transform: translate(48.0709vw, -10px) scale(0.5863);
  animation: fall-68 28s -22s linear infinite;
}
@keyframes fall-68 {
  64.419% {
    transform: translate(39.1351vw, 64.419vh) scale(0.5863);
  }
  to {
    transform: translate(43.603vw, 100vh) scale(0.5863);
  }
}
.snow:nth-child(69) {
  opacity: 0.6835;
  transform: translate(6.3913vw, -10px) scale(0.3024);
  animation: fall-69 10s -5s linear infinite;
}
@keyframes fall-69 {
  40.05% {
    transform: translate(14.547vw, 40.05vh) scale(0.3024);
  }
  to {
    transform: translate(10.46915vw, 100vh) scale(0.3024);
  }
}
.snow:nth-child(70) {
  opacity: 0.9748;
  transform: translate(23.8527vw, -10px) scale(0.3515);
  animation: fall-70 22s -5s linear infinite;
}
@keyframes fall-70 {
  47.402% {
    transform: translate(28.5243vw, 47.402vh) scale(0.3515);
  }
  to {
    transform: translate(26.1885vw, 100vh) scale(0.3515);
  }
}
.snow:nth-child(71) {
  opacity: 0.5864;
  transform: translate(51.2575vw, -10px) scale(0.0071);
  animation: fall-71 26s -8s linear infinite;
}
@keyframes fall-71 {
  33.45% {
    transform: translate(49.7277vw, 33.45vh) scale(0.0071);
  }
  to {
    transform: translate(50.4926vw, 100vh) scale(0.0071);
  }
}
.snow:nth-child(72) {
  opacity: 0.8842;
  transform: translate(21.8293vw, -10px) scale(0.6377);
  animation: fall-72 28s -23s linear infinite;
}
@keyframes fall-72 {
  68.229% {
    transform: translate(19.4786vw, 68.229vh) scale(0.6377);
  }
  to {
    transform: translate(20.65395vw, 100vh) scale(0.6377);
  }
}
.snow:nth-child(73) {
  opacity: 0.207;
  transform: translate(2.9149vw, -10px) scale(0.9098);
  animation: fall-73 28s -10s linear infinite;
}
@keyframes fall-73 {
  32.312% {
    transform: translate(12.0915vw, 32.312vh) scale(0.9098);
  }
  to {
    transform: translate(7.5032vw, 100vh) scale(0.9098);
  }
}
.snow:nth-child(74) {
  opacity: 0.2996;
  transform: translate(38.6188vw, -10px) scale(0.0991);
  animation: fall-74 27s -11s linear infinite;
}
@keyframes fall-74 {
  63.935% {
    transform: translate(37.0692vw, 63.935vh) scale(0.0991);
  }
  to {
    transform: translate(37.844vw, 100vh) scale(0.0991);
  }
}
.snow:nth-child(75) {
  opacity: 0.836;
  transform: translate(0.5078vw, -10px) scale(0.0175);
  animation: fall-75 27s -29s linear infinite;
}
@keyframes fall-75 {
  78.483% {
    transform: translate(-1.1501vw, 78.483vh) scale(0.0175);
  }
  to {
    transform: translate(-0.32115vw, 100vh) scale(0.0175);
  }
}
.snow:nth-child(76) {
  opacity: 0.6925;
  transform: translate(6.391vw, -10px) scale(0.6824);
  animation: fall-76 20s -2s linear infinite;
}
@keyframes fall-76 {
  69.995% {
    transform: translate(10.1732vw, 69.995vh) scale(0.6824);
  }
  to {
    transform: translate(8.2821vw, 100vh) scale(0.6824);
  }
}
.snow:nth-child(77) {
  opacity: 0.0513;
  transform: translate(78.9771vw, -10px) scale(0.3054);
  animation: fall-77 16s -19s linear infinite;
}
@keyframes fall-77 {
  61.495% {
    transform: translate(85.4611vw, 61.495vh) scale(0.3054);
  }
  to {
    transform: translate(82.2191vw, 100vh) scale(0.3054);
  }
}
.snow:nth-child(78) {
  opacity: 0.876;
  transform: translate(17.7861vw, -10px) scale(0.7922);
  animation: fall-78 10s -17s linear infinite;
}
@keyframes fall-78 {
  71.726% {
    transform: translate(19.8093vw, 71.726vh) scale(0.7922);
  }
  to {
    transform: translate(18.7977vw, 100vh) scale(0.7922);
  }
}
.snow:nth-child(79) {
  opacity: 0.2667;
  transform: translate(20.9434vw, -10px) scale(0.7975);
  animation: fall-79 18s -21s linear infinite;
}
@keyframes fall-79 {
  47.338% {
    transform: translate(22.5836vw, 47.338vh) scale(0.7975);
  }
  to {
    transform: translate(21.7635vw, 100vh) scale(0.7975);
  }
}
.snow:nth-child(80) {
  opacity: 0.4013;
  transform: translate(24.5461vw, -10px) scale(0.2432);
  animation: fall-80 24s -23s linear infinite;
}
@keyframes fall-80 {
  56.405% {
    transform: translate(23.0843vw, 56.405vh) scale(0.2432);
  }
  to {
    transform: translate(23.8152vw, 100vh) scale(0.2432);
  }
}
.snow:nth-child(81) {
  opacity: 0.28;
  transform: translate(14.3335vw, -10px) scale(0.6363);
  animation: fall-81 15s -28s linear infinite;
}
@keyframes fall-81 {
  63.866% {
    transform: translate(21.0363vw, 63.866vh) scale(0.6363);
  }
  to {
    transform: translate(17.6849vw, 100vh) scale(0.6363);
  }
}
.snow:nth-child(82) {
  opacity: 0.7683;
  transform: translate(7.9034vw, -10px) scale(0.0648);
  animation: fall-82 16s -22s linear infinite;
}
@keyframes fall-82 {
  70.32% {
    transform: translate(5.6925vw, 70.32vh) scale(0.0648);
  }
  to {
    transform: translate(6.79795vw, 100vh) scale(0.0648);
  }
}
.snow:nth-child(83) {
  opacity: 0.8223;
  transform: translate(75.6281vw, -10px) scale(0.5783);
  animation: fall-83 28s -20s linear infinite;
}
@keyframes fall-83 {
  71.157% {
    transform: translate(71.0566vw, 71.157vh) scale(0.5783);
  }
  to {
    transform: translate(73.34235vw, 100vh) scale(0.5783);
  }
}
.snow:nth-child(84) {
  opacity: 0.4527;
  transform: translate(28.0039vw, -10px) scale(0.1159);
  animation: fall-84 30s -17s linear infinite;
}
@keyframes fall-84 {
  73.472% {
    transform: translate(20.2286vw, 73.472vh) scale(0.1159);
  }
  to {
    transform: translate(24.11625vw, 100vh) scale(0.1159);
  }
}
.snow:nth-child(85) {
  opacity: 0.3124;
  transform: translate(93.2605vw, -10px) scale(0.5762);
  animation: fall-85 13s -3s linear infinite;
}
@keyframes fall-85 {
  71.136% {
    transform: translate(98.7184vw, 71.136vh) scale(0.5762);
  }
  to {
    transform: translate(95.98945vw, 100vh) scale(0.5762);
  }
}
.snow:nth-child(86) {
  opacity: 0.7767;
  transform: translate(48.5108vw, -10px) scale(0.1408);
  animation: fall-86 20s -6s linear infinite;
}
@keyframes fall-86 {
  69.522% {
    transform: translate(45.6786vw, 69.522vh) scale(0.1408);
  }
  to {
    transform: translate(47.0947vw, 100vh) scale(0.1408);
  }
}
.snow:nth-child(87) {
  opacity: 0.5632;
  transform: translate(1.4469vw, -10px) scale(0.8442);
  animation: fall-87 24s -11s linear infinite;
}
@keyframes fall-87 {
  64.419% {
    transform: translate(10.8468vw, 64.419vh) scale(0.8442);
  }
  to {
    transform: translate(6.14685vw, 100vh) scale(0.8442);
  }
}
.snow:nth-child(88) {
  opacity: 0.9354;
  transform: translate(47.6988vw, -10px) scale(0.7615);
  animation: fall-88 19s -17s linear infinite;
}
@keyframes fall-88 {
  55.247% {
    transform: translate(54.6665vw, 55.247vh) scale(0.7615);
  }
  to {
    transform: translate(51.18265vw, 100vh) scale(0.7615);
  }
}
.snow:nth-child(89) {
  opacity: 0.8934;
  transform: translate(55.3573vw, -10px) scale(0.6192);
  animation: fall-89 11s -7s linear infinite;
}
@keyframes fall-89 {
  60.28% {
    transform: translate(64.5254vw, 60.28vh) scale(0.6192);
  }
  to {
    transform: translate(59.94135vw, 100vh) scale(0.6192);
  }
}
.snow:nth-child(90) {
  opacity: 0.3531;
  transform: translate(49.431vw, -10px) scale(0.4143);
  animation: fall-90 28s -12s linear infinite;
}
@keyframes fall-90 {
  40.938% {
    transform: translate(50.4367vw, 40.938vh) scale(0.4143);
  }
  to {
    transform: translate(49.93385vw, 100vh) scale(0.4143);
  }
}
.snow:nth-child(91) {
  opacity: 0.4958;
  transform: translate(65.9845vw, -10px) scale(0.9432);
  animation: fall-91 21s -13s linear infinite;
}
@keyframes fall-91 {
  35.771% {
    transform: translate(58.3847vw, 35.771vh) scale(0.9432);
  }
  to {
    transform: translate(62.1846vw, 100vh) scale(0.9432);
  }
}
.snow:nth-child(92) {
  opacity: 0.4126;
  transform: translate(78.6555vw, -10px) scale(0.6134);
  animation: fall-92 20s -25s linear infinite;
}
@keyframes fall-92 {
  36.623% {
    transform: translate(75.5086vw, 36.623vh) scale(0.6134);
  }
  to {
    transform: translate(77.08205vw, 100vh) scale(0.6134);
  }
}
.snow:nth-child(93) {
  opacity: 0.9756;
  transform: translate(36.4948vw, -10px) scale(0.0763);
  animation: fall-93 13s -12s linear infinite;
}
@keyframes fall-93 {
  42.513% {
    transform: translate(32.0458vw, 42.513vh) scale(0.0763);
  }
  to {
    transform: translate(34.2703vw, 100vh) scale(0.0763);
  }
}
.snow:nth-child(94) {
  opacity: 0.7448;
  transform: translate(60.5049vw, -10px) scale(0.7741);
  animation: fall-94 26s -25s linear infinite;
}
@keyframes fall-94 {
  47.186% {
    transform: translate(69.167vw, 47.186vh) scale(0.7741);
  }
  to {
    transform: translate(64.83595vw, 100vh) scale(0.7741);
  }
}
.snow:nth-child(95) {
  opacity: 0.526;
  transform: translate(0.1789vw, -10px) scale(0.8688);
  animation: fall-95 20s -16s linear infinite;
}
@keyframes fall-95 {
  79.818% {
    transform: translate(3.3013vw, 79.818vh) scale(0.8688);
  }
  to {
    transform: translate(1.7401vw, 100vh) scale(0.8688);
  }
}
.snow:nth-child(96) {
  opacity: 0.3217;
  transform: translate(24.8172vw, -10px) scale(0.0978);
  animation: fall-96 22s -24s linear infinite;
}
@keyframes fall-96 {
  57.244% {
    transform: translate(16.9843vw, 57.244vh) scale(0.0978);
  }
  to {
    transform: translate(20.90075vw, 100vh) scale(0.0978);
  }
}
.snow:nth-child(97) {
  opacity: 0.6535;
  transform: translate(60.9363vw, -10px) scale(0.9459);
  animation: fall-97 28s -23s linear infinite;
}
@keyframes fall-97 {
  76.134% {
    transform: translate(70.3075vw, 76.134vh) scale(0.9459);
  }
  to {
    transform: translate(65.6219vw, 100vh) scale(0.9459);
  }
}
.snow:nth-child(98) {
  opacity: 0.6954;
  transform: translate(95.8185vw, -10px) scale(0.8641);
  animation: fall-98 30s -9s linear infinite;
}
@keyframes fall-98 {
  32.371% {
    transform: translate(88.3557vw, 32.371vh) scale(0.8641);
  }
  to {
    transform: translate(92.0871vw, 100vh) scale(0.8641);
  }
}
.snow:nth-child(99) {
  opacity: 0.7302;
  transform: translate(50.9338vw, -10px) scale(0.9413);
  animation: fall-99 27s -19s linear infinite;
}
@keyframes fall-99 {
  47.212% {
    transform: translate(47.1149vw, 47.212vh) scale(0.9413);
  }
  to {
    transform: translate(49.02435vw, 100vh) scale(0.9413);
  }
}
.snow:nth-child(100) {
  opacity: 0.8572;
  transform: translate(26.8731vw, -10px) scale(0.1921);
  animation: fall-100 25s -22s linear infinite;
}
@keyframes fall-100 {
  33.714% {
    transform: translate(21.4279vw, 33.714vh) scale(0.1921);
  }
  to {
    transform: translate(24.1505vw, 100vh) scale(0.1921);
  }
}
.snow:nth-child(101) {
  opacity: 0.393;
  transform: translate(57.2483vw, -10px) scale(0.2447);
  animation: fall-101 11s -25s linear infinite;
}
@keyframes fall-101 {
  60.045% {
    transform: translate(47.5747vw, 60.045vh) scale(0.2447);
  }
  to {
    transform: translate(52.4115vw, 100vh) scale(0.2447);
  }
}
.snow:nth-child(102) {
  opacity: 0.4776;
  transform: translate(37.7547vw, -10px) scale(0.9352);
  animation: fall-102 16s -13s linear infinite;
}
@keyframes fall-102 {
  52.237% {
    transform: translate(41.8217vw, 52.237vh) scale(0.9352);
  }
  to {
    transform: translate(39.7882vw, 100vh) scale(0.9352);
  }
}
.snow:nth-child(103) {
  opacity: 0.6578;
  transform: translate(20.2812vw, -10px) scale(0.4564);
  animation: fall-103 28s -26s linear infinite;
}
@keyframes fall-103 {
  57.496% {
    transform: translate(24.5633vw, 57.496vh) scale(0.4564);
  }
  to {
    transform: translate(22.42225vw, 100vh) scale(0.4564);
  }
}
.snow:nth-child(104) {
  opacity: 0.3879;
  transform: translate(35.3894vw, -10px) scale(0.4764);
  animation: fall-104 28s -14s linear infinite;
}
@keyframes fall-104 {
  57.568% {
    transform: translate(33.4539vw, 57.568vh) scale(0.4764);
  }
  to {
    transform: translate(34.42165vw, 100vh) scale(0.4764);
  }
}
.snow:nth-child(105) {
  opacity: 0.3954;
  transform: translate(7.7408vw, -10px) scale(0.6966);
  animation: fall-105 25s -17s linear infinite;
}
@keyframes fall-105 {
  37.416% {
    transform: translate(8.9681vw, 37.416vh) scale(0.6966);
  }
  to {
    transform: translate(8.35445vw, 100vh) scale(0.6966);
  }
}
.snow:nth-child(106) {
  opacity: 0.3376;
  transform: translate(34.5409vw, -10px) scale(0.103);
  animation: fall-106 28s -21s linear infinite;
}
@keyframes fall-106 {
  39.401% {
    transform: translate(25.8224vw, 39.401vh) scale(0.103);
  }
  to {
    transform: translate(30.18165vw, 100vh) scale(0.103);
  }
}
.snow:nth-child(107) {
  opacity: 0.222;
  transform: translate(41.4095vw, -10px) scale(0.806);
  animation: fall-107 22s -29s linear infinite;
}
@keyframes fall-107 {
  50.836% {
    transform: translate(31.8621vw, 50.836vh) scale(0.806);
  }
  to {
    transform: translate(36.6358vw, 100vh) scale(0.806);
  }
}
.snow:nth-child(108) {
  opacity: 0.4179;
  transform: translate(39.2607vw, -10px) scale(0.2982);
  animation: fall-108 11s -11s linear infinite;
}
@keyframes fall-108 {
  64.615% {
    transform: translate(34.2455vw, 64.615vh) scale(0.2982);
  }
  to {
    transform: translate(36.7531vw, 100vh) scale(0.2982);
  }
}
.snow:nth-child(109) {
  opacity: 0.5286;
  transform: translate(93.9395vw, -10px) scale(0.5804);
  animation: fall-109 18s -29s linear infinite;
}
@keyframes fall-109 {
  79.303% {
    transform: translate(90.58vw, 79.303vh) scale(0.5804);
  }
  to {
    transform: translate(92.25975vw, 100vh) scale(0.5804);
  }
}
.snow:nth-child(110) {
  opacity: 0.8391;
  transform: translate(10.092vw, -10px) scale(0.4982);
  animation: fall-110 11s -17s linear infinite;
}
@keyframes fall-110 {
  76.544% {
    transform: translate(1.3657vw, 76.544vh) scale(0.4982);
  }
  to {
    transform: translate(5.72885vw, 100vh) scale(0.4982);
  }
}
.snow:nth-child(111) {
  opacity: 0.2462;
  transform: translate(48.3413vw, -10px) scale(0.852);
  animation: fall-111 29s -21s linear infinite;
}
@keyframes fall-111 {
  77.119% {
    transform: translate(52.2609vw, 77.119vh) scale(0.852);
  }
  to {
    transform: translate(50.3011vw, 100vh) scale(0.852);
  }
}
.snow:nth-child(112) {
  opacity: 0.5495;
  transform: translate(54.1067vw, -10px) scale(0.1716);
  animation: fall-112 24s -7s linear infinite;
}
@keyframes fall-112 {
  65.82% {
    transform: translate(60.8837vw, 65.82vh) scale(0.1716);
  }
  to {
    transform: translate(57.4952vw, 100vh) scale(0.1716);
  }
}
.snow:nth-child(113) {
  opacity: 0.7144;
  transform: translate(97.8752vw, -10px) scale(0.41);
  animation: fall-113 29s -8s linear infinite;
}
@keyframes fall-113 {
  69.041% {
    transform: translate(92.043vw, 69.041vh) scale(0.41);
  }
  to {
    transform: translate(94.9591vw, 100vh) scale(0.41);
  }
}
.snow:nth-child(114) {
  opacity: 0.9206;
  transform: translate(68.3503vw, -10px) scale(0.5735);
  animation: fall-114 13s -27s linear infinite;
}
@keyframes fall-114 {
  72.392% {
    transform: translate(65.6941vw, 72.392vh) scale(0.5735);
  }
  to {
    transform: translate(67.0222vw, 100vh) scale(0.5735);
  }
}
.snow:nth-child(115) {
  opacity: 0.5025;
  transform: translate(25.0801vw, -10px) scale(0.3125);
  animation: fall-115 11s -3s linear infinite;
}
@keyframes fall-115 {
  68.721% {
    transform: translate(19.4624vw, 68.721vh) scale(0.3125);
  }
  to {
    transform: translate(22.27125vw, 100vh) scale(0.3125);
  }
}
.snow:nth-child(116) {
  opacity: 0.1233;
  transform: translate(19.3482vw, -10px) scale(0.6725);
  animation: fall-116 23s -2s linear infinite;
}
@keyframes fall-116 {
  71.222% {
    transform: translate(17.0318vw, 71.222vh) scale(0.6725);
  }
  to {
    transform: translate(18.19vw, 100vh) scale(0.6725);
  }
}
.snow:nth-child(117) {
  opacity: 0.048;
  transform: translate(27.3011vw, -10px) scale(0.2948);
  animation: fall-117 13s -16s linear infinite;
}
@keyframes fall-117 {
  44.158% {
    transform: translate(32.6528vw, 44.158vh) scale(0.2948);
  }
  to {
    transform: translate(29.97695vw, 100vh) scale(0.2948);
  }
}
.snow:nth-child(118) {
  opacity: 0.6422;
  transform: translate(50.8795vw, -10px) scale(0.0462);
  animation: fall-118 15s -4s linear infinite;
}
@keyframes fall-118 {
  77.132% {
    transform: translate(43.1761vw, 77.132vh) scale(0.0462);
  }
  to {
    transform: translate(47.0278vw, 100vh) scale(0.0462);
  }
}
.snow:nth-child(119) {
  opacity: 0.3958;
  transform: translate(42.8598vw, -10px) scale(0.6604);
  animation: fall-119 20s -23s linear infinite;
}
@keyframes fall-119 {
  75.25% {
    transform: translate(43.4902vw, 75.25vh) scale(0.6604);
  }
  to {
    transform: translate(43.175vw, 100vh) scale(0.6604);
  }
}
.snow:nth-child(120) {
  opacity: 0.1241;
  transform: translate(8.7432vw, -10px) scale(0.4253);
  animation: fall-120 12s -28s linear infinite;
}
@keyframes fall-120 {
  74.873% {
    transform: translate(9.9509vw, 74.873vh) scale(0.4253);
  }
  to {
    transform: translate(9.34705vw, 100vh) scale(0.4253);
  }
}
.snow:nth-child(121) {
  opacity: 0.8034;
  transform: translate(51.2893vw, -10px) scale(0.0343);
  animation: fall-121 30s -5s linear infinite;
}
@keyframes fall-121 {
  42.182% {
    transform: translate(41.3571vw, 42.182vh) scale(0.0343);
  }
  to {
    transform: translate(46.3232vw, 100vh) scale(0.0343);
  }
}
.snow:nth-child(122) {
  opacity: 0.1447;
  transform: translate(70.8348vw, -10px) scale(0.8253);
  animation: fall-122 22s -24s linear infinite;
}
@keyframes fall-122 {
  43.241% {
    transform: translate(67.4948vw, 43.241vh) scale(0.8253);
  }
  to {
    transform: translate(69.1648vw, 100vh) scale(0.8253);
  }
}
.snow:nth-child(123) {
  opacity: 0.8178;
  transform: translate(32.6212vw, -10px) scale(0.0419);
  animation: fall-123 20s -1s linear infinite;
}
@keyframes fall-123 {
  44.478% {
    transform: translate(41.0226vw, 44.478vh) scale(0.0419);
  }
  to {
    transform: translate(36.8219vw, 100vh) scale(0.0419);
  }
}
.snow:nth-child(124) {
  opacity: 0.8065;
  transform: translate(49.8125vw, -10px) scale(0.6028);
  animation: fall-124 11s -12s linear infinite;
}
@keyframes fall-124 {
  69.733% {
    transform: translate(45.5799vw, 69.733vh) scale(0.6028);
  }
  to {
    transform: translate(47.6962vw, 100vh) scale(0.6028);
  }
}
.snow:nth-child(125) {
  opacity: 0.2493;
  transform: translate(62.1495vw, -10px) scale(0.6472);
  animation: fall-125 17s -27s linear infinite;
}
@keyframes fall-125 {
  30.756% {
    transform: translate(64.8738vw, 30.756vh) scale(0.6472);
  }
  to {
    transform: translate(63.51165vw, 100vh) scale(0.6472);
  }
}
.snow:nth-child(126) {
  opacity: 0.1014;
  transform: translate(77.8339vw, -10px) scale(0.3631);
  animation: fall-126 29s -16s linear infinite;
}
@keyframes fall-126 {
  59.684% {
    transform: translate(75.5371vw, 59.684vh) scale(0.3631);
  }
  to {
    transform: translate(76.6855vw, 100vh) scale(0.3631);
  }
}
.snow:nth-child(127) {
  opacity: 0.1583;
  transform: translate(87.7045vw, -10px) scale(0.2572);
  animation: fall-127 28s -9s linear infinite;
}
@keyframes fall-127 {
  56.643% {
    transform: translate(84.0631vw, 56.643vh) scale(0.2572);
  }
  to {
    transform: translate(85.8838vw, 100vh) scale(0.2572);
  }
}
.snow:nth-child(128) {
  opacity: 0.7169;
  transform: translate(44.2523vw, -10px) scale(0.8002);
  animation: fall-128 12s -29s linear infinite;
}
@keyframes fall-128 {
  33.634% {
    transform: translate(48.7064vw, 33.634vh) scale(0.8002);
  }
  to {
    transform: translate(46.47935vw, 100vh) scale(0.8002);
  }
}
.snow:nth-child(129) {
  opacity: 0.486;
  transform: translate(2.7551vw, -10px) scale(0.6092);
  animation: fall-129 26s -4s linear infinite;
}
@keyframes fall-129 {
  55.642% {
    transform: translate(2.8887vw, 55.642vh) scale(0.6092);
  }
  to {
    transform: translate(2.8219vw, 100vh) scale(0.6092);
  }
}
.snow:nth-child(130) {
  opacity: 0.9224;
  transform: translate(43.8835vw, -10px) scale(0.6156);
  animation: fall-130 20s -17s linear infinite;
}
@keyframes fall-130 {
  54.422% {
    transform: translate(38.9475vw, 54.422vh) scale(0.6156);
  }
  to {
    transform: translate(41.4155vw, 100vh) scale(0.6156);
  }
}
.snow:nth-child(131) {
  opacity: 0.3094;
  transform: translate(84.9906vw, -10px) scale(0.2354);
  animation: fall-131 12s -15s linear infinite;
}
@keyframes fall-131 {
  42.332% {
    transform: translate(79.7868vw, 42.332vh) scale(0.2354);
  }
  to {
    transform: translate(82.3887vw, 100vh) scale(0.2354);
  }
}
.snow:nth-child(132) {
  opacity: 0.6769;
  transform: translate(40.284vw, -10px) scale(0.0579);
  animation: fall-132 10s -12s linear infinite;
}
@keyframes fall-132 {
  37.654% {
    transform: translate(34.8808vw, 37.654vh) scale(0.0579);
  }
  to {
    transform: translate(37.5824vw, 100vh) scale(0.0579);
  }
}
.snow:nth-child(133) {
  opacity: 0.6009;
  transform: translate(1.3936vw, -10px) scale(0.3334);
  animation: fall-133 13s -25s linear infinite;
}
@keyframes fall-133 {
  31.993% {
    transform: translate(1.27vw, 31.993vh) scale(0.3334);
  }
  to {
    transform: translate(1.3318vw, 100vh) scale(0.3334);
  }
}
.snow:nth-child(134) {
  opacity: 0.0619;
  transform: translate(79.1236vw, -10px) scale(0.3752);
  animation: fall-134 13s -19s linear infinite;
}
@keyframes fall-134 {
  41.969% {
    transform: translate(81.7632vw, 41.969vh) scale(0.3752);
  }
  to {
    transform: translate(80.4434vw, 100vh) scale(0.3752);
  }
}
.snow:nth-child(135) {
  opacity: 0.4205;
  transform: translate(6.8268vw, -10px) scale(0.2664);
  animation: fall-135 27s -6s linear infinite;
}
@keyframes fall-135 {
  47.999% {
    transform: translate(8.4197vw, 47.999vh) scale(0.2664);
  }
  to {
    transform: translate(7.62325vw, 100vh) scale(0.2664);
  }
}
.snow:nth-child(136) {
  opacity: 0.614;
  transform: translate(50.3216vw, -10px) scale(0.173);
  animation: fall-136 18s -8s linear infinite;
}
@keyframes fall-136 {
  41.275% {
    transform: translate(59.2053vw, 41.275vh) scale(0.173);
  }
  to {
    transform: translate(54.76345vw, 100vh) scale(0.173);
  }
}
.snow:nth-child(137) {
  opacity: 0.5936;
  transform: translate(80.3369vw, -10px) scale(0.1573);
  animation: fall-137 10s -3s linear infinite;
}
@keyframes fall-137 {
  73.831% {
    transform: translate(85.4595vw, 73.831vh) scale(0.1573);
  }
  to {
    transform: translate(82.8982vw, 100vh) scale(0.1573);
  }
}
.snow:nth-child(138) {
  opacity: 0.109;
  transform: translate(83.4743vw, -10px) scale(0.4341);
  animation: fall-138 18s -26s linear infinite;
}
@keyframes fall-138 {
  49.744% {
    transform: translate(84.9804vw, 49.744vh) scale(0.4341);
  }
  to {
    transform: translate(84.22735vw, 100vh) scale(0.4341);
  }
}
.snow:nth-child(139) {
  opacity: 0.3258;
  transform: translate(33.6112vw, -10px) scale(0.5422);
  animation: fall-139 24s -12s linear infinite;
}
@keyframes fall-139 {
  67.627% {
    transform: translate(26.2775vw, 67.627vh) scale(0.5422);
  }
  to {
    transform: translate(29.94435vw, 100vh) scale(0.5422);
  }
}
.snow:nth-child(140) {
  opacity: 0.8613;
  transform: translate(65.7241vw, -10px) scale(0.2839);
  animation: fall-140 30s -21s linear infinite;
}
@keyframes fall-140 {
  36.105% {
    transform: translate(61.3328vw, 36.105vh) scale(0.2839);
  }
  to {
    transform: translate(63.52845vw, 100vh) scale(0.2839);
  }
}
.snow:nth-child(141) {
  opacity: 0.1112;
  transform: translate(0.5188vw, -10px) scale(0.2902);
  animation: fall-141 14s -11s linear infinite;
}
@keyframes fall-141 {
  74.054% {
    transform: translate(8.1012vw, 74.054vh) scale(0.2902);
  }
  to {
    transform: translate(4.31vw, 100vh) scale(0.2902);
  }
}
.snow:nth-child(142) {
  opacity: 0.742;
  transform: translate(65.3242vw, -10px) scale(0.9308);
  animation: fall-142 30s -22s linear infinite;
}
@keyframes fall-142 {
  36.194% {
    transform: translate(68.5982vw, 36.194vh) scale(0.9308);
  }
  to {
    transform: translate(66.9612vw, 100vh) scale(0.9308);
  }
}
.snow:nth-child(143) {
  opacity: 0.3099;
  transform: translate(76.2332vw, -10px) scale(0.4075);
  animation: fall-143 25s -3s linear infinite;
}
@keyframes fall-143 {
  51.9% {
    transform: translate(81.6312vw, 51.9vh) scale(0.4075);
  }
  to {
    transform: translate(78.9322vw, 100vh) scale(0.4075);
  }
}
.snow:nth-child(144) {
  opacity: 0.32;
  transform: translate(58.7377vw, -10px) scale(0.7459);
  animation: fall-144 14s -19s linear infinite;
}
@keyframes fall-144 {
  53.419% {
    transform: translate(65.9074vw, 53.419vh) scale(0.7459);
  }
  to {
    transform: translate(62.32255vw, 100vh) scale(0.7459);
  }
}
.snow:nth-child(145) {
  opacity: 0.8471;
  transform: translate(82.9967vw, -10px) scale(0.2219);
  animation: fall-145 29s -10s linear infinite;
}
@keyframes fall-145 {
  38.664% {
    transform: translate(88.1265vw, 38.664vh) scale(0.2219);
  }
  to {
    transform: translate(85.5616vw, 100vh) scale(0.2219);
  }
}
.snow:nth-child(146) {
  opacity: 0.0503;
  transform: translate(55.2645vw, -10px) scale(0.6494);
  animation: fall-146 30s -30s linear infinite;
}
@keyframes fall-146 {
  45.967% {
    transform: translate(58.8369vw, 45.967vh) scale(0.6494);
  }
  to {
    transform: translate(57.0507vw, 100vh) scale(0.6494);
  }
}
.snow:nth-child(147) {
  opacity: 0.228;
  transform: translate(50.8208vw, -10px) scale(0.281);
  animation: fall-147 23s -30s linear infinite;
}
@keyframes fall-147 {
  36.68% {
    transform: translate(56.6233vw, 36.68vh) scale(0.281);
  }
  to {
    transform: translate(53.72205vw, 100vh) scale(0.281);
  }
}
.snow:nth-child(148) {
  opacity: 0.5037;
  transform: translate(98.3522vw, -10px) scale(0.392);
  animation: fall-148 17s -21s linear infinite;
}
@keyframes fall-148 {
  41.379% {
    transform: translate(105.2012vw, 41.379vh) scale(0.392);
  }
  to {
    transform: translate(101.7767vw, 100vh) scale(0.392);
  }
}
.snow:nth-child(149) {
  opacity: 0.5005;
  transform: translate(42.9212vw, -10px) scale(0.5141);
  animation: fall-149 15s -30s linear infinite;
}
@keyframes fall-149 {
  79.665% {
    transform: translate(42.1752vw, 79.665vh) scale(0.5141);
  }
  to {
    transform: translate(42.5482vw, 100vh) scale(0.5141);
  }
}
.snow:nth-child(150) {
  opacity: 0.8234;
  transform: translate(7.2746vw, -10px) scale(0.2312);
  animation: fall-150 19s -15s linear infinite;
}
@keyframes fall-150 {
  60.799% {
    transform: translate(2.1009vw, 60.799vh) scale(0.2312);
  }
  to {
    transform: translate(4.68775vw, 100vh) scale(0.2312);
  }
}
.snow:nth-child(151) {
  opacity: 0.8681;
  transform: translate(7.4672vw, -10px) scale(0.373);
  animation: fall-151 19s -24s linear infinite;
}
@keyframes fall-151 {
  58.063% {
    transform: translate(6.7585vw, 58.063vh) scale(0.373);
  }
  to {
    transform: translate(7.11285vw, 100vh) scale(0.373);
  }
}
.snow:nth-child(152) {
  opacity: 0.4916;
  transform: translate(32.7459vw, -10px) scale(0.2031);
  animation: fall-152 11s -6s linear infinite;
}
@keyframes fall-152 {
  36.343% {
    transform: translate(25.2045vw, 36.343vh) scale(0.2031);
  }
  to {
    transform: translate(28.9752vw, 100vh) scale(0.2031);
  }
}
.snow:nth-child(153) {
  opacity: 0.1676;
  transform: translate(21.2145vw, -10px) scale(0.0653);
  animation: fall-153 16s -29s linear infinite;
}
@keyframes fall-153 {
  37.037% {
    transform: translate(19.403vw, 37.037vh) scale(0.0653);
  }
  to {
    transform: translate(20.30875vw, 100vh) scale(0.0653);
  }
}
.snow:nth-child(154) {
  opacity: 0.0373;
  transform: translate(75.3141vw, -10px) scale(0.5531);
  animation: fall-154 23s -24s linear infinite;
}
@keyframes fall-154 {
  61.531% {
    transform: translate(82.7908vw, 61.531vh) scale(0.5531);
  }
  to {
    transform: translate(79.05245vw, 100vh) scale(0.5531);
  }
}
.snow:nth-child(155) {
  opacity: 0.487;
  transform: translate(43.3235vw, -10px) scale(0.6342);
  animation: fall-155 15s -12s linear infinite;
}
@keyframes fall-155 {
  47.866% {
    transform: translate(34.0877vw, 47.866vh) scale(0.6342);
  }
  to {
    transform: translate(38.7056vw, 100vh) scale(0.6342);
  }
}
.snow:nth-child(156) {
  opacity: 0.8978;
  transform: translate(5.1735vw, -10px) scale(0.3516);
  animation: fall-156 12s -8s linear infinite;
}
@keyframes fall-156 {
  63.379% {
    transform: translate(10.1411vw, 63.379vh) scale(0.3516);
  }
  to {
    transform: translate(7.6573vw, 100vh) scale(0.3516);
  }
}
.snow:nth-child(157) {
  opacity: 0.8106;
  transform: translate(97.3007vw, -10px) scale(0.4326);
  animation: fall-157 10s -20s linear infinite;
}
@keyframes fall-157 {
  69.784% {
    transform: translate(96.7236vw, 69.784vh) scale(0.4326);
  }
  to {
    transform: translate(97.01215vw, 100vh) scale(0.4326);
  }
}
.snow:nth-child(158) {
  opacity: 0.5916;
  transform: translate(51.3162vw, -10px) scale(0.1192);
  animation: fall-158 24s -2s linear infinite;
}
@keyframes fall-158 {
  31.584% {
    transform: translate(42.6607vw, 31.584vh) scale(0.1192);
  }
  to {
    transform: translate(46.98845vw, 100vh) scale(0.1192);
  }
}
.snow:nth-child(159) {
  opacity: 0.3879;
  transform: translate(27.5566vw, -10px) scale(0.6049);
  animation: fall-159 17s -9s linear infinite;
}
@keyframes fall-159 {
  53.139% {
    transform: translate(28.0968vw, 53.139vh) scale(0.6049);
  }
  to {
    transform: translate(27.8267vw, 100vh) scale(0.6049);
  }
}
.snow:nth-child(160) {
  opacity: 0.9427;
  transform: translate(71.4088vw, -10px) scale(0.656);
  animation: fall-160 27s -22s linear infinite;
}
@keyframes fall-160 {
  33.474% {
    transform: translate(75.9453vw, 33.474vh) scale(0.656);
  }
  to {
    transform: translate(73.67705vw, 100vh) scale(0.656);
  }
}
.snow:nth-child(161) {
  opacity: 0.1303;
  transform: translate(49.1635vw, -10px) scale(0.4896);
  animation: fall-161 23s -19s linear infinite;
}
@keyframes fall-161 {
  57.052% {
    transform: translate(50.4775vw, 57.052vh) scale(0.4896);
  }
  to {
    transform: translate(49.8205vw, 100vh) scale(0.4896);
  }
}
.snow:nth-child(162) {
  opacity: 0.0375;
  transform: translate(77.7107vw, -10px) scale(0.1646);
  animation: fall-162 15s -18s linear infinite;
}
@keyframes fall-162 {
  73.767% {
    transform: translate(80.0689vw, 73.767vh) scale(0.1646);
  }
  to {
    transform: translate(78.8898vw, 100vh) scale(0.1646);
  }
}
.snow:nth-child(163) {
  opacity: 0.424;
  transform: translate(53.1449vw, -10px) scale(0.1928);
  animation: fall-163 27s -28s linear infinite;
}
@keyframes fall-163 {
  65.004% {
    transform: translate(46.6101vw, 65.004vh) scale(0.1928);
  }
  to {
    transform: translate(49.8775vw, 100vh) scale(0.1928);
  }
}
.snow:nth-child(164) {
  opacity: 0.7228;
  transform: translate(63.6931vw, -10px) scale(0.2384);
  animation: fall-164 18s -20s linear infinite;
}
@keyframes fall-164 {
  47.584% {
    transform: translate(69.8669vw, 47.584vh) scale(0.2384);
  }
  to {
    transform: translate(66.78vw, 100vh) scale(0.2384);
  }
}
.snow:nth-child(165) {
  opacity: 0.8778;
  transform: translate(28.9571vw, -10px) scale(0.6203);
  animation: fall-165 19s -20s linear infinite;
}
@keyframes fall-165 {
  56.403% {
    transform: translate(31.2933vw, 56.403vh) scale(0.6203);
  }
  to {
    transform: translate(30.1252vw, 100vh) scale(0.6203);
  }
}
.snow:nth-child(166) {
  opacity: 0.2746;
  transform: translate(13.5357vw, -10px) scale(0.947);
  animation: fall-166 19s -15s linear infinite;
}
@keyframes fall-166 {
  52.578% {
    transform: translate(8.4432vw, 52.578vh) scale(0.947);
  }
  to {
    transform: translate(10.98945vw, 100vh) scale(0.947);
  }
}
.snow:nth-child(167) {
  opacity: 0.4983;
  transform: translate(85.5188vw, -10px) scale(0.7796);
  animation: fall-167 21s -3s linear infinite;
}
@keyframes fall-167 {
  72.411% {
    transform: translate(90.9796vw, 72.411vh) scale(0.7796);
  }
  to {
    transform: translate(88.2492vw, 100vh) scale(0.7796);
  }
}
.snow:nth-child(168) {
  opacity: 0.3312;
  transform: translate(53.9135vw, -10px) scale(0.2355);
  animation: fall-168 24s -12s linear infinite;
}
@keyframes fall-168 {
  68.482% {
    transform: translate(48.1542vw, 68.482vh) scale(0.2355);
  }
  to {
    transform: translate(51.03385vw, 100vh) scale(0.2355);
  }
}
.snow:nth-child(169) {
  opacity: 0.9454;
  transform: translate(54.8446vw, -10px) scale(0.0529);
  animation: fall-169 19s -15s linear infinite;
}
@keyframes fall-169 {
  79.285% {
    transform: translate(56.7518vw, 79.285vh) scale(0.0529);
  }
  to {
    transform: translate(55.7982vw, 100vh) scale(0.0529);
  }
}
.snow:nth-child(170) {
  opacity: 0.2526;
  transform: translate(4.9545vw, -10px) scale(0.2447);
  animation: fall-170 22s -16s linear infinite;
}
@keyframes fall-170 {
  70.261% {
    transform: translate(8.2921vw, 70.261vh) scale(0.2447);
  }
  to {
    transform: translate(6.6233vw, 100vh) scale(0.2447);
  }
}
.snow:nth-child(171) {
  opacity: 0.9727;
  transform: translate(66.1584vw, -10px) scale(0.9552);
  animation: fall-171 23s -4s linear infinite;
}
@keyframes fall-171 {
  65.809% {
    transform: translate(66.6968vw, 65.809vh) scale(0.9552);
  }
  to {
    transform: translate(66.4276vw, 100vh) scale(0.9552);
  }
}
.snow:nth-child(172) {
  opacity: 0.7634;
  transform: translate(96.6748vw, -10px) scale(0.248);
  animation: fall-172 17s -20s linear infinite;
}
@keyframes fall-172 {
  36.057% {
    transform: translate(86.8997vw, 36.057vh) scale(0.248);
  }
  to {
    transform: translate(91.78725vw, 100vh) scale(0.248);
  }
}
.snow:nth-child(173) {
  opacity: 0.2002;
  transform: translate(15.5959vw, -10px) scale(0.8639);
  animation: fall-173 25s -18s linear infinite;
}
@keyframes fall-173 {
  48.216% {
    transform: translate(20.8171vw, 48.216vh) scale(0.8639);
  }
  to {
    transform: translate(18.2065vw, 100vh) scale(0.8639);
  }
}
.snow:nth-child(174) {
  opacity: 0.3288;
  transform: translate(32.1648vw, -10px) scale(0.112);
  animation: fall-174 29s -5s linear infinite;
}
@keyframes fall-174 {
  38.796% {
    transform: translate(24.5964vw, 38.796vh) scale(0.112);
  }
  to {
    transform: translate(28.3806vw, 100vh) scale(0.112);
  }
}
.snow:nth-child(175) {
  opacity: 0.835;
  transform: translate(12.5037vw, -10px) scale(0.7973);
  animation: fall-175 27s -25s linear infinite;
}
@keyframes fall-175 {
  45.957% {
    transform: translate(15.7977vw, 45.957vh) scale(0.7973);
  }
  to {
    transform: translate(14.1507vw, 100vh) scale(0.7973);
  }
}
.snow:nth-child(176) {
  opacity: 0.0411;
  transform: translate(85.4259vw, -10px) scale(0.1537);
  animation: fall-176 22s -30s linear infinite;
}
@keyframes fall-176 {
  41.669% {
    transform: translate(82.4351vw, 41.669vh) scale(0.1537);
  }
  to {
    transform: translate(83.9305vw, 100vh) scale(0.1537);
  }
}
.snow:nth-child(177) {
  opacity: 0.6322;
  transform: translate(43.0578vw, -10px) scale(0.4534);
  animation: fall-177 14s -8s linear infinite;
}
@keyframes fall-177 {
  64.896% {
    transform: translate(51.3781vw, 64.896vh) scale(0.4534);
  }
  to {
    transform: translate(47.21795vw, 100vh) scale(0.4534);
  }
}
.snow:nth-child(178) {
  opacity: 0.9906;
  transform: translate(37.1vw, -10px) scale(0.1461);
  animation: fall-178 30s -4s linear infinite;
}
@keyframes fall-178 {
  45.228% {
    transform: translate(37.231vw, 45.228vh) scale(0.1461);
  }
  to {
    transform: translate(37.1655vw, 100vh) scale(0.1461);
  }
}
.snow:nth-child(179) {
  opacity: 0.3818;
  transform: translate(22.6043vw, -10px) scale(0.1625);
  animation: fall-179 24s -21s linear infinite;
}
@keyframes fall-179 {
  35.555% {
    transform: translate(25.0544vw, 35.555vh) scale(0.1625);
  }
  to {
    transform: translate(23.82935vw, 100vh) scale(0.1625);
  }
}
.snow:nth-child(180) {
  opacity: 0.9811;
  transform: translate(12.0395vw, -10px) scale(0.1176);
  animation: fall-180 13s -27s linear infinite;
}
@keyframes fall-180 {
  40.55% {
    transform: translate(15.8364vw, 40.55vh) scale(0.1176);
  }
  to {
    transform: translate(13.93795vw, 100vh) scale(0.1176);
  }
}
.snow:nth-child(181) {
  opacity: 0.9778;
  transform: translate(85.1643vw, -10px) scale(0.0296);
  animation: fall-181 14s -14s linear infinite;
}
@keyframes fall-181 {
  31.032% {
    transform: translate(85.5141vw, 31.032vh) scale(0.0296);
  }
  to {
    transform: translate(85.3392vw, 100vh) scale(0.0296);
  }
}
.snow:nth-child(182) {
  opacity: 0.9434;
  transform: translate(29.3505vw, -10px) scale(0.814);
  animation: fall-182 10s -13s linear infinite;
}
@keyframes fall-182 {
  30.308% {
    transform: translate(32.8123vw, 30.308vh) scale(0.814);
  }
  to {
    transform: translate(31.0814vw, 100vh) scale(0.814);
  }
}
.snow:nth-child(183) {
  opacity: 0.892;
  transform: translate(69.8392vw, -10px) scale(0.4052);
  animation: fall-183 11s -20s linear infinite;
}
@keyframes fall-183 {
  62.333% {
    transform: translate(71.7096vw, 62.333vh) scale(0.4052);
  }
  to {
    transform: translate(70.7744vw, 100vh) scale(0.4052);
  }
}
.snow:nth-child(184) {
  opacity: 0.8839;
  transform: translate(19.5018vw, -10px) scale(0.6808);
  animation: fall-184 12s -3s linear infinite;
}
@keyframes fall-184 {
  53.356% {
    transform: translate(20.7328vw, 53.356vh) scale(0.6808);
  }
  to {
    transform: translate(20.1173vw, 100vh) scale(0.6808);
  }
}
.snow:nth-child(185) {
  opacity: 0.1426;
  transform: translate(2.8424vw, -10px) scale(0.4849);
  animation: fall-185 14s -7s linear infinite;
}
@keyframes fall-185 {
  33.28% {
    transform: translate(11.3228vw, 33.28vh) scale(0.4849);
  }
  to {
    transform: translate(7.0826vw, 100vh) scale(0.4849);
  }
}
.snow:nth-child(186) {
  opacity: 0.1259;
  transform: translate(69.7811vw, -10px) scale(0.0111);
  animation: fall-186 30s -16s linear infinite;
}
@keyframes fall-186 {
  70.157% {
    transform: translate(62.0259vw, 70.157vh) scale(0.0111);
  }
  to {
    transform: translate(65.9035vw, 100vh) scale(0.0111);
  }
}
.snow:nth-child(187) {
  opacity: 0.2108;
  transform: translate(56.7735vw, -10px) scale(0.1315);
  animation: fall-187 19s -28s linear infinite;
}
@keyframes fall-187 {
  58.359% {
    transform: translate(49.0178vw, 58.359vh) scale(0.1315);
  }
  to {
    transform: translate(52.89565vw, 100vh) scale(0.1315);
  }
}
.snow:nth-child(188) {
  opacity: 0.5158;
  transform: translate(49.1186vw, -10px) scale(0.5724);
  animation: fall-188 27s -12s linear infinite;
}
@keyframes fall-188 {
  73.098% {
    transform: translate(50.4912vw, 73.098vh) scale(0.5724);
  }
  to {
    transform: translate(49.8049vw, 100vh) scale(0.5724);
  }
}
.snow:nth-child(189) {
  opacity: 0.9741;
  transform: translate(74.9553vw, -10px) scale(0.7388);
  animation: fall-189 19s -30s linear infinite;
}
@keyframes fall-189 {
  37.828% {
    transform: translate(77.0484vw, 37.828vh) scale(0.7388);
  }
  to {
    transform: translate(76.00185vw, 100vh) scale(0.7388);
  }
}
.snow:nth-child(190) {
  opacity: 0.8693;
  transform: translate(27.815vw, -10px) scale(0.0451);
  animation: fall-190 14s -29s linear infinite;
}
@keyframes fall-190 {
  30.767% {
    transform: translate(32.874vw, 30.767vh) scale(0.0451);
  }
  to {
    transform: translate(30.3445vw, 100vh) scale(0.0451);
  }
}
.snow:nth-child(191) {
  opacity: 0.2288;
  transform: translate(93.4741vw, -10px) scale(0.6683);
  animation: fall-191 29s -8s linear infinite;
}
@keyframes fall-191 {
  37.909% {
    transform: translate(97.7008vw, 37.909vh) scale(0.6683);
  }
  to {
    transform: translate(95.58745vw, 100vh) scale(0.6683);
  }
}
.snow:nth-child(192) {
  opacity: 0.8766;
  transform: translate(6.1143vw, -10px) scale(0.9068);
  animation: fall-192 17s -8s linear infinite;
}
@keyframes fall-192 {
  30.346% {
    transform: translate(-3.2418vw, 30.346vh) scale(0.9068);
  }
  to {
    transform: translate(1.43625vw, 100vh) scale(0.9068);
  }
}
.snow:nth-child(193) {
  opacity: 0.8823;
  transform: translate(93.8154vw, -10px) scale(0.6336);
  animation: fall-193 13s -4s linear infinite;
}
@keyframes fall-193 {
  54.65% {
    transform: translate(91.3367vw, 54.65vh) scale(0.6336);
  }
  to {
    transform: translate(92.57605vw, 100vh) scale(0.6336);
  }
}
.snow:nth-child(194) {
  opacity: 0.6052;
  transform: translate(48.5832vw, -10px) scale(0.7402);
  animation: fall-194 29s -17s linear infinite;
}
@keyframes fall-194 {
  52.171% {
    transform: translate(40.7237vw, 52.171vh) scale(0.7402);
  }
  to {
    transform: translate(44.65345vw, 100vh) scale(0.7402);
  }
}
.snow:nth-child(195) {
  opacity: 0.7126;
  transform: translate(65.41vw, -10px) scale(0.3266);
  animation: fall-195 14s -1s linear infinite;
}
@keyframes fall-195 {
  48.914% {
    transform: translate(74.6161vw, 48.914vh) scale(0.3266);
  }
  to {
    transform: translate(70.01305vw, 100vh) scale(0.3266);
  }
}
.snow:nth-child(196) {
  opacity: 0.5972;
  transform: translate(51.6187vw, -10px) scale(0.3559);
  animation: fall-196 20s -26s linear infinite;
}
@keyframes fall-196 {
  74.351% {
    transform: translate(61.4951vw, 74.351vh) scale(0.3559);
  }
  to {
    transform: translate(56.5569vw, 100vh) scale(0.3559);
  }
}
.snow:nth-child(197) {
  opacity: 0.1243;
  transform: translate(46.2266vw, -10px) scale(0.505);
  animation: fall-197 19s -26s linear infinite;
}
@keyframes fall-197 {
  49.109% {
    transform: translate(46.8905vw, 49.109vh) scale(0.505);
  }
  to {
    transform: translate(46.55855vw, 100vh) scale(0.505);
  }
}
.snow:nth-child(198) {
  opacity: 0.6401;
  transform: translate(66.1197vw, -10px) scale(0.4314);
  animation: fall-198 11s -25s linear infinite;
}
@keyframes fall-198 {
  44.64% {
    transform: translate(62.9849vw, 44.64vh) scale(0.4314);
  }
  to {
    transform: translate(64.5523vw, 100vh) scale(0.4314);
  }
}
.snow:nth-child(199) {
  opacity: 0.9411;
  transform: translate(61.6144vw, -10px) scale(0.9429);
  animation: fall-199 13s -29s linear infinite;
}
@keyframes fall-199 {
  52.055% {
    transform: translate(69.5563vw, 52.055vh) scale(0.9429);
  }
  to {
    transform: translate(65.58535vw, 100vh) scale(0.9429);
  }
}
.snow:nth-child(200) {
  opacity: 0.6227;
  transform: translate(97.21vw, -10px) scale(0.4654);
  animation: fall-200 23s -15s linear infinite;
}
@keyframes fall-200 {
  67.006% {
    transform: translate(101.884vw, 67.006vh) scale(0.4654);
  }
  to {
    transform: translate(99.547vw, 100vh) scale(0.4654);
  }
}