@font-face {

  font-family: Alura;

  src: url(../../assets/fonts/Allura-Regular.otf);

}



@font-face {

  font-family: DancingScript;

  src: url(../../assets/fonts/DancingScript-Regular.ttf);

}



@font-face {

  font-family: Roboto;

  src: url(../../assets/fonts/Roboto-Medium.ttf);

}

@font-face {

  font-family: RobotoR;

  src: url(../../assets/fonts/Roboto-Regular.ttf);

}



body {

  margin: 0;

  padding: 0;

}



/*Small devices (landscape phones, 576px and up)*/

@media (max-width: 575.98px) { 

  .kepada{

    display: block;

    text-align: center;

    color:#fff;

    font-weight: 300;

    font-size: .9rem;

    margin-top: 20px;

    font-family: 'RobotoR', sans-serif;



  }

  .nm_undangan{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1.3rem;

    line-height: 2;

  }

  .alertsalah{

    display: block;

    text-align: center;

    color:#fff;

    font-size: .6rem;

    line-height: 2;

  }

  .audio_song{

    position: fixed;

    z-index: 0;

    top: 20px;

    right: 20px;

    background-color:#FFFFFF;

    border-radius: 50%;

    height: 2.5rem;

    width:2.5rem;

    text-align: center;

  }

  .caption {

    font-size: 18px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-family: 'Roboto', sans-serif;

    min-width: 100px;



  }

  .caption2 {

    font-size: 40px;

    color: #fff;

    position: absolute;

    top: 60%;

    left: 50%;

    transform: translate(-47%, -50%);

    font-family: 'DancingScript', sans-serif;

    min-width: 244px;

  }

  .nmbio{

    font-family: 'DancingScript', sans-serif;

    font-size: 1.5rem;

  }

  .nmbin{

    font-family: 'Roboto', sans-serif;

    font-size: .8rem;

  }

  .relativewithimg2{

    position: relative;

    background-image: url(../../assets/foto_undangan/gallery/4.jpg);

    height:85vh;

    z-index: 1;

    background-color: #FFFFFF;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 1;

  }

}

 /*Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) { 



  .kepada{

    display: block;

    text-align: center;

    color:#fff;

    font-weight: 300;

    margin-top: 20px;

    font-family: 'RobotoR', sans-serif;



  }

  .nm_undangan{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1.8rem;

    line-height: 1.3;

  }

  .alertsalah{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1rem;

    line-height: 1.3;

  }

  .audio_song{

    position: fixed;

    z-index: 0;

    top: 20px;

    right: 100px;

    background-color:#FFFFFF;

    border-radius: 50%;

    height: 2.7rem;

    width:2.7rem;

    text-align: center;

  }

  .caption {

    font-size: 18px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-35%, -50%);

    font-family: 'Roboto', sans-serif;

    min-width: 244px;



  }

  .caption2 {

    font-size: 45px;

    color: #fff;

    position: absolute;

    top: 60%;

    left: 50%;

    transform: translate(-50%, -45%);

    font-family: 'DancingScript', sans-serif;

    min-width: 244px;

  }

  .nmbio{

    font-family: 'DancingScript', sans-serif;

    font-size: 1.3rem;

  }

  .nmbin{

    font-family: 'Roboto', sans-serif;

    font-size: 1.3rem;

  }

  .relativewithimg2{

    position: relative;

    background-image: url(../../assets/foto_undangan/gallery/4.jpg);

    height:85vh;

    z-index: 1;

    background-color: #FFFFFF;

    background-position: 0 0;

    background-repeat: no-repeat;

    background-size: cover;



    opacity: 1;

  }

}



 /*Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991.98px) { 



  .kepada{

    display: block;

    text-align: center;

    color:#fff;

    font-weight: 300;

    margin-top: 20px;

    font-family: 'RobotoR', sans-serif;



  }

  .nm_undangan{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1.8rem;

    line-height: 1.3;

  }

  .alertsalah{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1rem;

    line-height: 1.3;

  }

  .audio_song{

    position: fixed;

    z-index: 0;

    top: 20px;

    right: 100px;

    background-color:#FFFFFF;

    border-radius: 50%;

    height: 2.7rem;

    width:2.7rem;

    text-align: center;

  }

  .caption {

    font-size: 18px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-30%, -95%);

    font-family: 'Roboto', sans-serif;

    min-width: 244px;



  }

  .caption2 {

    font-size: 45px;

    color: #fff;

    position: absolute;

    top: 55%;

    left: 50%;

    transform: translate(-45%, -40%);

    font-family: 'DancingScript', sans-serif;

    min-width: 244px;   

  }

  .nmbio{

    font-family: 'DancingScript', sans-serif;

    font-size: 1.3rem;

  }

  .nmbin{

    font-family: 'Roboto', sans-serif;

    font-size: 1.3rem;

  }

  .relativewithimg2{

    position: relative;

    background-image: url(../../assets/foto_undangan/gallery/4.jpg);

    height:85vh;

    z-index: 1;

    background-color: #FFFFFF;

    background-position: 0 -450px;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 1;

  }

}



 /*Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1199.98px) {



  .kepada{

    display: block;

    text-align: center;

    color:#fff;

    font-weight: 300;

    margin-top: 20px;

    font-family: 'RobotoR', sans-serif;



  }

  .nm_undangan{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1.8rem;

    line-height: 1.3;

  }

  .alertsalah{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1rem;

    line-height: 1.3;

  }

  .audio_song{

    position: fixed;

    z-index: 0;

    top: 20px;

    right: 100px;

    background-color:#FFFFFF;

    border-radius: 50%;

    height: 2.7rem;

    width:2.7rem;

    text-align: center;

  }

  .caption {

    font-size: 18px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-30%, -50%);

    font-family: 'Roboto', sans-serif;

    min-width: 244px;



  }

  .caption2 {

    font-size: 45px;

    color: #fff;

    position: absolute;

    top: 60%;

    left: 50%;

    transform: translate(-40%, -50%);

    font-family: 'DancingScript', sans-serif;

    min-width: 244px;

  }

  .nmbio{

    font-family: 'DancingScript', sans-serif;

    font-size: 1.3rem;

  }

  .nmbin{

    font-family: 'Roboto', sans-serif;

    font-size: 1.3rem;

  }

  .relativewithimg2{

    position: relative;

    background-image: url(../../assets/foto_undangan/gallery/4.jpg);

    height:85vh;

    z-index: 1;

    background-color: #FFFFFF;

    background-position: 0 -450px;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 1;

  }

}



 /*Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {



  .kepada{

    display: block;

    text-align: center;

    color:#fff;

    font-weight: 300;

    margin-top: 20px;

    font-family: 'RobotoR', sans-serif;

  }

  .nm_undangan{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1.8rem;

    line-height: 1.3;

  }

  .alertsalah{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 1rem;

    line-height: 1.3;

  }

  .audio_song{

    position: fixed;

    z-index: 0;

    top: 20px;

    right: 100px;

    background-color:#FFFFFF;

    border-radius: 50%;

    height: 2.7rem;

    width:2.7rem;

    text-align: center;



  }

  .caption {

    font-size: 18px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-30%, -50%);

    font-family: 'Roboto', sans-serif;

    min-width: 244px;



  }

  .caption2 {

    font-size: 45px;

    color: #fff;

    position: absolute;

    top: 60%;

    left: 50%;

    transform: translate(-45%, -50%);

    font-family: 'DancingScript', sans-serif;

    min-width: 244px;

  }

  .nmbio{

    font-family: 'Roboto', sans-serif;

    font-size: 1.3rem;

  }

  .relativewithimg2{

    position: relative;

    background-image: url(../../assets/foto_undangan/gallery/4.jpg);

    height:85vh;

    z-index: 1;

    background-color: #FFFFFF;

    background-position: 0 -450px;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 1;

  }

}

.pembuka{

  background: url(../../assets/foto_undangan/bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  width:100vw;

  height: 100vh;

  position: absolute;

  z-index: 1

}

.pembuka::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width:100vw;

  height: 100vh;

  background: rgba(0, 0, 0, 0.65);

  z-index: 2;

}

.dt_pernikahan {

  position: absolute;

  min-width:400px;

  top: 10%;

  left: 50%;

  transform: translate(-50%, -5%);

  z-index: 3;

}



.dt_pernikahan>img{

  max-width:310px;

  width:100%;

  height:100%;

  margin: 0 auto;

  display: block;

}



.btnbuka {

  background-color: transparent;

  border: 1px solid #BBA14F;

  color:#BBA14F;

  margin-top: 20px;

  padding: 5px 20px;

  border-radius: 30px;

  font-size: 1.1rem;

}

.btnbuka:hover {

  background-color: #BBA14F;

  color:#FFFFFF;

  margin-top: 20px;

  padding: 5px 20px;

  border-radius: 30px;

  font-size: 1.1rem;

}



.jconfirm-title-c{

  line-height: inherit;

  text-align: center;

}

section{

	overflow: hidden;

}



svg.zigzag>path{

  stroke: #A28B43;

  stroke-dasharray: 1800;

  opacity: 10;

  animation: anim 3s cubic-bezier(0,0.23,1,.1);

  animation-iteration-count: infinite;

  stroke-width:2.5;

}

@keyframes anim{

  0%{

    opacity: 0;

    fill:none;

    stroke-dashoffset:1800;

  }

 

  30%{

    opacity: 10;

    fill:none;

    stroke-dashoffset:0;

  }

  100%{



  }

}

.QR_Preview{

  position: fixed;

  bottom: 0;

  right: 0;

  left: 0;

  display: flex;

  z-index: 0;

}

.sectiontop{

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 2;

}

.sectiontopimg{

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1;

}

.sectionbottom{

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

}

.relative{

  position: relative;

  z-index: 2;

}

.relativewithimg{

	position: relative;

  height:100vh;

  z-index: 1;

  background-color: #FFFFFF;

  background-image: url(../../assets/foto_undangan/bgsec.jpg);

  background-position: center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  opacity: 1;

}



.relativewithimg2::before{

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width:100vw;

  height: 85vh;

  background-image: linear-gradient(360deg, #000000 0%, #FFFFFF00 100%);

  z-index: 2;

}

.absolute{

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 2;

}



.maincontent{

	position: relative;

}

.box{

  box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 50%);

  background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  padding: 30px;

  background-color:#FFFFFF;

  max-width: 600px;

  width:100%;

  border-radius: 10px;

}

.box>p{

  text-align: center;

  margin: 10px;

  font-size: .8rem;

}



.sosmed{

  font-size: 2.5rem;



}

.sosmed>a{

  color:#BBA14F;

}

.secacara{

  background-color: #D0B577;

  background-image: url('../../assets/foto_undangan/bgacara.jpg');

  background-position: center center;

  background-repeat: no-repeat;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  position: relative;

  z-index: 1;

}

.secacara::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width:100vw;

  min-height: 100px; 

  height: 100%;

  background: rgba(0, 0, 0, 0.35);

  z-index:2 ;

}

.seckonfirmasi{

  background-color: #D0B577;

  background-image: url('../../assets/foto_undangan/gallery/3.jpg');

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  min-height: 800px;

  height: 100%;

  position: relative;

  z-index: 1;

}

.seckonfirmasi::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width:100vw;

  min-height: 800px; 

  height: 100%;

  background: rgba(0, 0, 0, 0.35);

  z-index:2 ;

}



.secgold{

  background-color: #D0B577;

  position: relative;

  z-index: 1;

}

.secwhite{

  background-color: #FFFFFF;

  position: relative;

  z-index: 1;

}

.boxacara{

  position: relative;

  background-color:rgba(0,0,0,0.8); 

  box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5); 

  color:#FFFFFF; 

  border-radius: 10px;

  max-width: 600px;

  z-index: 3;

  width:100%;

  padding: 30px 10px;

}

.boxwhite{

  position: relative;

  background-color:rgba(255,255,255,1); 

  color:#BDA56D; 

  border-radius: 10px;

  max-width: 600px;

  z-index: 3;

  width:100%;

  padding-bottom: 40px;

  box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5); 

}

.boxgoldvid{

  position: relative;

  background-color:rgba(189,165,109,1); 

  color:#FFFFFF; 

  width: 700px;

  height: 400px;

  z-index: 3;

  padding: 5px;

}

.boxgradient{

  position: relative;

  background-color: transparent;

  background-image: linear-gradient(360deg, #D0B577 0%, #A5946C 100%);

  color:#FFFFFF;

  box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5); 

  width: 100%;

  max-width: 700px; 

  height: 100%;

  padding: 20px;

  z-index: 3;

  border-radius: 5px;

  text-align: center;

}

.btnkado{

  background-color:rgba(255,255,255,0.5);

  color: #4E4E4E;

  border-radius: 20px;

  display: block;

  margin:10px auto;

  padding:5px 15px;

  border-color: transparent;

  font-family: 'RobotoR',sans-serif;

}

.btnkado:hover{

  background-color:rgba(255,255,255,0.9);

}

.img_sec_hitung_hari{

  position: relative;

  z-index: 2;

  padding-bottom: 20px;

  max-height: 500px;

}

.img_sec_hitung_hari>img{

  width:100%;

  border-top-left-radius: 15px;

  border-top-right-radius: 15px;

  box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5); 

  display: block;



}

.boxmsg{

  border: 2px solid #dedede;

  background-color: #f1f1f1;

  border-radius: 5px;

  padding: 10px;

  margin: 10px 0;

}

.boxmsg::after {

  content: "";

  clear: both;

  display: table;

}

.boxmsg img {

  float: left;

  max-width: 60px;

  width: 100%;

  margin-right: 20px;

  border-radius: 50%;

}

.time-right {

  float: right;

  color: #aaa;

}

.time-left {

  float: left;

  color: #999;

}



*{

  overflow:hidden;

}



.snow {

  position: absolute;

  width: 10px;

  height: 10px;

  background: white;

  border-radius: 50%;

}

.snow:nth-child(1) {

  opacity: 0.0557;

  transform: translate(97.6782vw, -10px) scale(0.0578);

  animation: fall-1 26s -4s linear infinite;

}

@keyframes fall-1 {

  49.135% {

    transform: translate(88.4026vw, 49.135vh) scale(0.0578);

  }

  to {

    transform: translate(93.0404vw, 100vh) scale(0.0578);

  }

}

.snow:nth-child(2) {

  opacity: 0.9344;

  transform: translate(93.431vw, -10px) scale(0.6513);

  animation: fall-2 17s -19s linear infinite;

}

@keyframes fall-2 {

  71.926% {

    transform: translate(93.7983vw, 71.926vh) scale(0.6513);

  }

  to {

    transform: translate(93.61465vw, 100vh) scale(0.6513);

  }

}

.snow:nth-child(3) {

  opacity: 0.6277;

  transform: translate(11.5121vw, -10px) scale(0.0044);

  animation: fall-3 25s -30s linear infinite;

}

@keyframes fall-3 {

  42.416% {

    transform: translate(16.2079vw, 42.416vh) scale(0.0044);

  }

  to {

    transform: translate(13.86vw, 100vh) scale(0.0044);

  }

}

.snow:nth-child(4) {

  opacity: 0.9553;

  transform: translate(60.8383vw, -10px) scale(0.5703);

  animation: fall-4 15s -8s linear infinite;

}

@keyframes fall-4 {

  54.421% {

    transform: translate(58.0833vw, 54.421vh) scale(0.5703);

  }

  to {

    transform: translate(59.4608vw, 100vh) scale(0.5703);

  }

}

.snow:nth-child(5) {

  opacity: 0.1805;

  transform: translate(22.7982vw, -10px) scale(0.5591);

  animation: fall-5 18s -22s linear infinite;

}

@keyframes fall-5 {

  31.947% {

    transform: translate(25.0569vw, 31.947vh) scale(0.5591);

  }

  to {

    transform: translate(23.92755vw, 100vh) scale(0.5591);

  }

}

.snow:nth-child(6) {

  opacity: 0.5583;

  transform: translate(64.4741vw, -10px) scale(0.3219);

  animation: fall-6 29s -13s linear infinite;

}

@keyframes fall-6 {

  77.101% {

    transform: translate(66.4444vw, 77.101vh) scale(0.3219);

  }

  to {

    transform: translate(65.45925vw, 100vh) scale(0.3219);

  }

}

.snow:nth-child(7) {

  opacity: 0.1948;

  transform: translate(94.4736vw, -10px) scale(0.9592);

  animation: fall-7 16s -16s linear infinite;

}

@keyframes fall-7 {

  63.621% {

    transform: translate(90.7823vw, 63.621vh) scale(0.9592);

  }

  to {

    transform: translate(92.62795vw, 100vh) scale(0.9592);

  }

}

.snow:nth-child(8) {

  opacity: 0.4528;

  transform: translate(47.4411vw, -10px) scale(0.6744);

  animation: fall-8 10s -5s linear infinite;

}

@keyframes fall-8 {

  65.729% {

    transform: translate(55.9097vw, 65.729vh) scale(0.6744);

  }

  to {

    transform: translate(51.6754vw, 100vh) scale(0.6744);

  }

}

.snow:nth-child(9) {

  opacity: 0.4428;

  transform: translate(69.8997vw, -10px) scale(0.5012);

  animation: fall-9 16s -8s linear infinite;

}

@keyframes fall-9 {

  33.835% {

    transform: translate(74.5965vw, 33.835vh) scale(0.5012);

  }

  to {

    transform: translate(72.2481vw, 100vh) scale(0.5012);

  }

}

.snow:nth-child(10) {

  opacity: 0.6044;

  transform: translate(77.2507vw, -10px) scale(0.6451);

  animation: fall-10 13s -10s linear infinite;

}

@keyframes fall-10 {

  70.204% {

    transform: translate(77.7744vw, 70.204vh) scale(0.6451);

  }

  to {

    transform: translate(77.51255vw, 100vh) scale(0.6451);

  }

}

.snow:nth-child(11) {

  opacity: 0.5417;

  transform: translate(8.7514vw, -10px) scale(0.736);

  animation: fall-11 17s -30s linear infinite;

}

@keyframes fall-11 {

  68.557% {

    transform: translate(1.0481vw, 68.557vh) scale(0.736);

  }

  to {

    transform: translate(4.89975vw, 100vh) scale(0.736);

  }

}

.snow:nth-child(12) {

  opacity: 0.3388;

  transform: translate(21.2253vw, -10px) scale(0.0232);

  animation: fall-12 24s -25s linear infinite;

}

@keyframes fall-12 {

  64.943% {

    transform: translate(15.6671vw, 64.943vh) scale(0.0232);

  }

  to {

    transform: translate(18.4462vw, 100vh) scale(0.0232);

  }

}

.snow:nth-child(13) {

  opacity: 0.4442;

  transform: translate(83.2668vw, -10px) scale(0.3483);

  animation: fall-13 14s -20s linear infinite;

}

@keyframes fall-13 {

  57.124% {

    transform: translate(81.5009vw, 57.124vh) scale(0.3483);

  }

  to {

    transform: translate(82.38385vw, 100vh) scale(0.3483);

  }

}

.snow:nth-child(14) {

  opacity: 0.4276;

  transform: translate(16.3032vw, -10px) scale(0.9869);

  animation: fall-14 29s -15s linear infinite;

}

@keyframes fall-14 {

  30.998% {

    transform: translate(6.6235vw, 30.998vh) scale(0.9869);

  }

  to {

    transform: translate(11.46335vw, 100vh) scale(0.9869);

  }

}

.snow:nth-child(15) {

  opacity: 0.8669;

  transform: translate(42.3262vw, -10px) scale(0.4032);

  animation: fall-15 18s -23s linear infinite;

}

@keyframes fall-15 {

  59.143% {

    transform: translate(37.7414vw, 59.143vh) scale(0.4032);

  }

  to {

    transform: translate(40.0338vw, 100vh) scale(0.4032);

  }

}

.snow:nth-child(16) {

  opacity: 0.6102;

  transform: translate(41.0474vw, -10px) scale(0.6247);

  animation: fall-16 28s -16s linear infinite;

}

@keyframes fall-16 {

  35.847% {

    transform: translate(33.7673vw, 35.847vh) scale(0.6247);

  }

  to {

    transform: translate(37.40735vw, 100vh) scale(0.6247);

  }

}

.snow:nth-child(17) {

  opacity: 0.8867;

  transform: translate(19.6663vw, -10px) scale(0.5765);

  animation: fall-17 10s -16s linear infinite;

}

@keyframes fall-17 {

  34.216% {

    transform: translate(28.8681vw, 34.216vh) scale(0.5765);

  }

  to {

    transform: translate(24.2672vw, 100vh) scale(0.5765);

  }

}

.snow:nth-child(18) {

  opacity: 0.1919;

  transform: translate(31.7567vw, -10px) scale(0.9233);

  animation: fall-18 15s -9s linear infinite;

}

@keyframes fall-18 {

  43.222% {

    transform: translate(31.2824vw, 43.222vh) scale(0.9233);

  }

  to {

    transform: translate(31.51955vw, 100vh) scale(0.9233);

  }

}

.snow:nth-child(19) {

  opacity: 0.9469;

  transform: translate(37.203vw, -10px) scale(0.3463);

  animation: fall-19 17s -13s linear infinite;

}

@keyframes fall-19 {

  73.06% {

    transform: translate(30.1718vw, 73.06vh) scale(0.3463);

  }

  to {

    transform: translate(33.6874vw, 100vh) scale(0.3463);

  }

}

.snow:nth-child(20) {

  opacity: 0.8935;

  transform: translate(10.1839vw, -10px) scale(0.6868);

  animation: fall-20 14s -12s linear infinite;

}

@keyframes fall-20 {

  31.178% {

    transform: translate(8.6895vw, 31.178vh) scale(0.6868);

  }

  to {

    transform: translate(9.4367vw, 100vh) scale(0.6868);

  }

}

.snow:nth-child(21) {

  opacity: 0.5275;

  transform: translate(87.305vw, -10px) scale(0.9313);

  animation: fall-21 12s -8s linear infinite;

}

@keyframes fall-21 {

  41.68% {

    transform: translate(81.6783vw, 41.68vh) scale(0.9313);

  }

  to {

    transform: translate(84.49165vw, 100vh) scale(0.9313);

  }

}

.snow:nth-child(22) {

  opacity: 0.257;

  transform: translate(59.2612vw, -10px) scale(0.7696);

  animation: fall-22 10s -1s linear infinite;

}

@keyframes fall-22 {

  76.177% {

    transform: translate(65.9687vw, 76.177vh) scale(0.7696);

  }

  to {

    transform: translate(62.61495vw, 100vh) scale(0.7696);

  }

}

.snow:nth-child(23) {

  opacity: 0.5915;

  transform: translate(35.949vw, -10px) scale(0.7006);

  animation: fall-23 19s -15s linear infinite;

}

@keyframes fall-23 {

  34.646% {

    transform: translate(31.2078vw, 34.646vh) scale(0.7006);

  }

  to {

    transform: translate(33.5784vw, 100vh) scale(0.7006);

  }

}

.snow:nth-child(24) {

  opacity: 0.0851;

  transform: translate(4.7657vw, -10px) scale(0.189);

  animation: fall-24 20s -27s linear infinite;

}

@keyframes fall-24 {

  38.759% {

    transform: translate(-5.0537vw, 38.759vh) scale(0.189);

  }

  to {

    transform: translate(-0.144vw, 100vh) scale(0.189);

  }

}

.snow:nth-child(25) {

  opacity: 0.2049;

  transform: translate(80.4423vw, -10px) scale(0.4593);

  animation: fall-25 18s -5s linear infinite;

}

@keyframes fall-25 {

  40.147% {

    transform: translate(80.9615vw, 40.147vh) scale(0.4593);

  }

  to {

    transform: translate(80.7019vw, 100vh) scale(0.4593);

  }

}

.snow:nth-child(26) {

  opacity: 0.879;

  transform: translate(20.92vw, -10px) scale(0.8027);

  animation: fall-26 11s -11s linear infinite;

}

@keyframes fall-26 {

  71.776% {

    transform: translate(27.4306vw, 71.776vh) scale(0.8027);

  }

  to {

    transform: translate(24.1753vw, 100vh) scale(0.8027);

  }

}

.snow:nth-child(27) {

  opacity: 0.1038;

  transform: translate(24.232vw, -10px) scale(0.6162);

  animation: fall-27 22s -28s linear infinite;

}

@keyframes fall-27 {

  32.171% {

    transform: translate(14.258vw, 32.171vh) scale(0.6162);

  }

  to {

    transform: translate(19.245vw, 100vh) scale(0.6162);

  }

}

.snow:nth-child(28) {

  opacity: 0.3446;

  transform: translate(82.3823vw, -10px) scale(0.9281);

  animation: fall-28 14s -18s linear infinite;

}

@keyframes fall-28 {

  74.277% {

    transform: translate(82.0414vw, 74.277vh) scale(0.9281);

  }

  to {

    transform: translate(82.21185vw, 100vh) scale(0.9281);

  }

}

.snow:nth-child(29) {

  opacity: 0.6928;

  transform: translate(99.9187vw, -10px) scale(0.8608);

  animation: fall-29 10s -18s linear infinite;

}

@keyframes fall-29 {

  39.89% {

    transform: translate(100.5153vw, 39.89vh) scale(0.8608);

  }

  to {

    transform: translate(100.217vw, 100vh) scale(0.8608);

  }

}

.snow:nth-child(30) {

  opacity: 0.4996;

  transform: translate(59.7092vw, -10px) scale(0.9052);

  animation: fall-30 29s -19s linear infinite;

}

@keyframes fall-30 {

  42.275% {

    transform: translate(68.9695vw, 42.275vh) scale(0.9052);

  }

  to {

    transform: translate(64.33935vw, 100vh) scale(0.9052);

  }

}

.snow:nth-child(31) {

  opacity: 0.3976;

  transform: translate(3.6341vw, -10px) scale(0.2544);

  animation: fall-31 19s -14s linear infinite;

}

@keyframes fall-31 {

  68.805% {

    transform: translate(8.2666vw, 68.805vh) scale(0.2544);

  }

  to {

    transform: translate(5.95035vw, 100vh) scale(0.2544);

  }

}

.snow:nth-child(32) {

  opacity: 0.9817;

  transform: translate(59.5335vw, -10px) scale(0.4552);

  animation: fall-32 12s -30s linear infinite;

}

@keyframes fall-32 {

  42.095% {

    transform: translate(59.8833vw, 42.095vh) scale(0.4552);

  }

  to {

    transform: translate(59.7084vw, 100vh) scale(0.4552);

  }

}

.snow:nth-child(33) {

  opacity: 0.7564;

  transform: translate(32.6345vw, -10px) scale(0.7943);

  animation: fall-33 26s -9s linear infinite;

}

@keyframes fall-33 {

  33.664% {

    transform: translate(40.9895vw, 33.664vh) scale(0.7943);

  }

  to {

    transform: translate(36.812vw, 100vh) scale(0.7943);

  }

}

.snow:nth-child(34) {

  opacity: 0.9237;

  transform: translate(72.2426vw, -10px) scale(0.6035);

  animation: fall-34 17s -9s linear infinite;

}

@keyframes fall-34 {

  35.862% {

    transform: translate(67.0858vw, 35.862vh) scale(0.6035);

  }

  to {

    transform: translate(69.6642vw, 100vh) scale(0.6035);

  }

}

.snow:nth-child(35) {

  opacity: 0.4519;

  transform: translate(24.1009vw, -10px) scale(0.1251);

  animation: fall-35 29s -23s linear infinite;

}

@keyframes fall-35 {

  30.209% {

    transform: translate(25.5588vw, 30.209vh) scale(0.1251);

  }

  to {

    transform: translate(24.82985vw, 100vh) scale(0.1251);

  }

}

.snow:nth-child(36) {

  opacity: 0.1177;

  transform: translate(7.1716vw, -10px) scale(0.2669);

  animation: fall-36 17s -12s linear infinite;

}

@keyframes fall-36 {

  52.336% {

    transform: translate(16.609vw, 52.336vh) scale(0.2669);

  }

  to {

    transform: translate(11.8903vw, 100vh) scale(0.2669);

  }

}

.snow:nth-child(37) {

  opacity: 0.4132;

  transform: translate(33.3658vw, -10px) scale(0.4914);

  animation: fall-37 19s -19s linear infinite;

}

@keyframes fall-37 {

  47.648% {

    transform: translate(41.6858vw, 47.648vh) scale(0.4914);

  }

  to {

    transform: translate(37.5258vw, 100vh) scale(0.4914);

  }

}

.snow:nth-child(38) {

  opacity: 0.7413;

  transform: translate(98.3649vw, -10px) scale(0.6585);

  animation: fall-38 21s -20s linear infinite;

}

@keyframes fall-38 {

  40.733% {

    transform: translate(108.3171vw, 40.733vh) scale(0.6585);

  }

  to {

    transform: translate(103.341vw, 100vh) scale(0.6585);

  }

}

.snow:nth-child(39) {

  opacity: 0.9277;

  transform: translate(78.7689vw, -10px) scale(0.3659);

  animation: fall-39 17s -10s linear infinite;

}

@keyframes fall-39 {

  58.563% {

    transform: translate(69.3606vw, 58.563vh) scale(0.3659);

  }

  to {

    transform: translate(74.06475vw, 100vh) scale(0.3659);

  }

}

.snow:nth-child(40) {

  opacity: 0.2093;

  transform: translate(96.1034vw, -10px) scale(0.6667);

  animation: fall-40 11s -26s linear infinite;

}

@keyframes fall-40 {

  66.94% {

    transform: translate(91.9826vw, 66.94vh) scale(0.6667);

  }

  to {

    transform: translate(94.043vw, 100vh) scale(0.6667);

  }

}

.snow:nth-child(41) {

  opacity: 0.1252;

  transform: translate(99.2118vw, -10px) scale(0.294);

  animation: fall-41 21s -16s linear infinite;

}

@keyframes fall-41 {

  48.321% {

    transform: translate(92.7013vw, 48.321vh) scale(0.294);

  }

  to {

    transform: translate(95.95655vw, 100vh) scale(0.294);

  }

}

.snow:nth-child(42) {

  opacity: 0.0749;

  transform: translate(29.8103vw, -10px) scale(0.0226);

  animation: fall-42 21s -16s linear infinite;

}

@keyframes fall-42 {

  49.603% {

    transform: translate(37.4716vw, 49.603vh) scale(0.0226);

  }

  to {

    transform: translate(33.64095vw, 100vh) scale(0.0226);

  }

}

.snow:nth-child(43) {

  opacity: 0.1095;

  transform: translate(61.2464vw, -10px) scale(0.0215);

  animation: fall-43 13s -18s linear infinite;

}

@keyframes fall-43 {

  71.476% {

    transform: translate(62.6452vw, 71.476vh) scale(0.0215);

  }

  to {

    transform: translate(61.9458vw, 100vh) scale(0.0215);

  }

}

.snow:nth-child(44) {

  opacity: 0.6015;

  transform: translate(73.7633vw, -10px) scale(0.6799);

  animation: fall-44 24s -3s linear infinite;

}

@keyframes fall-44 {

  66.903% {

    transform: translate(73.1639vw, 66.903vh) scale(0.6799);

  }

  to {

    transform: translate(73.4636vw, 100vh) scale(0.6799);

  }

}

.snow:nth-child(45) {

  opacity: 0.4728;

  transform: translate(59.8186vw, -10px) scale(0.9559);

  animation: fall-45 29s -23s linear infinite;

}

@keyframes fall-45 {

  58.575% {

    transform: translate(67.3104vw, 58.575vh) scale(0.9559);

  }

  to {

    transform: translate(63.5645vw, 100vh) scale(0.9559);

  }

}

.snow:nth-child(46) {

  opacity: 0.4856;

  transform: translate(9.3185vw, -10px) scale(0.5803);

  animation: fall-46 15s -26s linear infinite;

}

@keyframes fall-46 {

  61.311% {

    transform: translate(13.714vw, 61.311vh) scale(0.5803);

  }

  to {

    transform: translate(11.51625vw, 100vh) scale(0.5803);

  }

}

.snow:nth-child(47) {

  opacity: 0.3037;

  transform: translate(87.445vw, -10px) scale(0.4486);

  animation: fall-47 29s -24s linear infinite;

}

@keyframes fall-47 {

  38.282% {

    transform: translate(79.5205vw, 38.282vh) scale(0.4486);

  }

  to {

    transform: translate(83.48275vw, 100vh) scale(0.4486);

  }

}

.snow:nth-child(48) {

  opacity: 0.1703;

  transform: translate(67.637vw, -10px) scale(0.3159);

  animation: fall-48 25s -20s linear infinite;

}

@keyframes fall-48 {

  40.411% {

    transform: translate(74.2491vw, 40.411vh) scale(0.3159);

  }

  to {

    transform: translate(70.94305vw, 100vh) scale(0.3159);

  }

}

.snow:nth-child(49) {

  opacity: 0.8472;

  transform: translate(4.915vw, -10px) scale(0.4522);

  animation: fall-49 13s -15s linear infinite;

}

@keyframes fall-49 {

  63.249% {

    transform: translate(4.0113vw, 63.249vh) scale(0.4522);

  }

  to {

    transform: translate(4.46315vw, 100vh) scale(0.4522);

  }

}

.snow:nth-child(50) {

  opacity: 0.986;

  transform: translate(56.0628vw, -10px) scale(0.6655);

  animation: fall-50 16s -6s linear infinite;

}

@keyframes fall-50 {

  63.337% {

    transform: translate(46.0666vw, 63.337vh) scale(0.6655);

  }

  to {

    transform: translate(51.0647vw, 100vh) scale(0.6655);

  }

}

.snow:nth-child(51) {

  opacity: 0.5635;

  transform: translate(13.0266vw, -10px) scale(0.7305);

  animation: fall-51 24s -19s linear infinite;

}

@keyframes fall-51 {

  67.49% {

    transform: translate(16.2051vw, 67.49vh) scale(0.7305);

  }

  to {

    transform: translate(14.61585vw, 100vh) scale(0.7305);

  }

}

.snow:nth-child(52) {

  opacity: 0.4957;

  transform: translate(30.0184vw, -10px) scale(0.8595);

  animation: fall-52 24s -28s linear infinite;

}

@keyframes fall-52 {

  41.585% {

    transform: translate(37.9036vw, 41.585vh) scale(0.8595);

  }

  to {

    transform: translate(33.961vw, 100vh) scale(0.8595);

  }

}

.snow:nth-child(53) {

  opacity: 0.2818;

  transform: translate(25.6297vw, -10px) scale(0.4576);

  animation: fall-53 17s -11s linear infinite;

}

@keyframes fall-53 {

  65.724% {

    transform: translate(26.5556vw, 65.724vh) scale(0.4576);

  }

  to {

    transform: translate(26.09265vw, 100vh) scale(0.4576);

  }

}

.snow:nth-child(54) {

  opacity: 0.8505;

  transform: translate(47.121vw, -10px) scale(0.054);

  animation: fall-54 12s -30s linear infinite;

}

@keyframes fall-54 {

  66.097% {

    transform: translate(49.3654vw, 66.097vh) scale(0.054);

  }

  to {

    transform: translate(48.2432vw, 100vh) scale(0.054);

  }

}

.snow:nth-child(55) {

  opacity: 0.3683;

  transform: translate(54.0889vw, -10px) scale(0.6367);

  animation: fall-55 29s -10s linear infinite;

}

@keyframes fall-55 {

  37.207% {

    transform: translate(56.2193vw, 37.207vh) scale(0.6367);

  }

  to {

    transform: translate(55.1541vw, 100vh) scale(0.6367);

  }

}

.snow:nth-child(56) {

  opacity: 0.6907;

  transform: translate(37.8488vw, -10px) scale(0.1133);

  animation: fall-56 19s -23s linear infinite;

}

@keyframes fall-56 {

  42.913% {

    transform: translate(42.9355vw, 42.913vh) scale(0.1133);

  }

  to {

    transform: translate(40.39215vw, 100vh) scale(0.1133);

  }

}

.snow:nth-child(57) {

  opacity: 0.7881;

  transform: translate(89.3095vw, -10px) scale(0.2456);

  animation: fall-57 19s -10s linear infinite;

}

@keyframes fall-57 {

  35.043% {

    transform: translate(98.326vw, 35.043vh) scale(0.2456);

  }

  to {

    transform: translate(93.81775vw, 100vh) scale(0.2456);

  }

}

.snow:nth-child(58) {

  opacity: 0.9641;

  transform: translate(60.0161vw, -10px) scale(0.0874);

  animation: fall-58 11s -1s linear infinite;

}

@keyframes fall-58 {

  65.972% {

    transform: translate(52.5518vw, 65.972vh) scale(0.0874);

  }

  to {

    transform: translate(56.28395vw, 100vh) scale(0.0874);

  }

}

.snow:nth-child(59) {

  opacity: 0.1281;

  transform: translate(90.5273vw, -10px) scale(0.9837);

  animation: fall-59 26s -20s linear infinite;

}

@keyframes fall-59 {

  71.864% {

    transform: translate(95.3517vw, 71.864vh) scale(0.9837);

  }

  to {

    transform: translate(92.9395vw, 100vh) scale(0.9837);

  }

}

.snow:nth-child(60) {

  opacity: 0.9461;

  transform: translate(29.6453vw, -10px) scale(0.6824);

  animation: fall-60 18s -23s linear infinite;

}

@keyframes fall-60 {

  36.555% {

    transform: translate(21.3797vw, 36.555vh) scale(0.6824);

  }

  to {

    transform: translate(25.5125vw, 100vh) scale(0.6824);

  }

}

.snow:nth-child(61) {

  opacity: 0.8345;

  transform: translate(64.1712vw, -10px) scale(0.474);

  animation: fall-61 13s -3s linear infinite;

}

@keyframes fall-61 {

  47.895% {

    transform: translate(55.1928vw, 47.895vh) scale(0.474);

  }

  to {

    transform: translate(59.682vw, 100vh) scale(0.474);

  }

}

.snow:nth-child(62) {

  opacity: 0.2516;

  transform: translate(91.3322vw, -10px) scale(0.9414);

  animation: fall-62 18s -2s linear infinite;

}

@keyframes fall-62 {

  43.275% {

    transform: translate(97.4532vw, 43.275vh) scale(0.9414);

  }

  to {

    transform: translate(94.3927vw, 100vh) scale(0.9414);

  }

}

.snow:nth-child(63) {

  opacity: 0.4806;

  transform: translate(50.5278vw, -10px) scale(0.9428);

  animation: fall-63 29s -21s linear infinite;

}

@keyframes fall-63 {

  44.481% {

    transform: translate(53.7383vw, 44.481vh) scale(0.9428);

  }

  to {

    transform: translate(52.13305vw, 100vh) scale(0.9428);

  }

}

.snow:nth-child(64) {

  opacity: 0.8994;

  transform: translate(36.4814vw, -10px) scale(0.1115);

  animation: fall-64 26s -29s linear infinite;

}

@keyframes fall-64 {

  73.954% {

    transform: translate(37.6318vw, 73.954vh) scale(0.1115);

  }

  to {

    transform: translate(37.0566vw, 100vh) scale(0.1115);

  }

}

.snow:nth-child(65) {

  opacity: 0.6442;

  transform: translate(85.6076vw, -10px) scale(0.5719);

  animation: fall-65 20s -28s linear infinite;

}

@keyframes fall-65 {

  40.355% {

    transform: translate(94.8129vw, 40.355vh) scale(0.5719);

  }

  to {

    transform: translate(90.21025vw, 100vh) scale(0.5719);

  }

}

.snow:nth-child(66) {

  opacity: 0.8059;

  transform: translate(18.0892vw, -10px) scale(0.4008);

  animation: fall-66 12s -20s linear infinite;

}

@keyframes fall-66 {

  63.262% {

    transform: translate(18.8381vw, 63.262vh) scale(0.4008);

  }

  to {

    transform: translate(18.46365vw, 100vh) scale(0.4008);

  }

}

.snow:nth-child(67) {

  opacity: 0.6599;

  transform: translate(59.3925vw, -10px) scale(0.4479);

  animation: fall-67 25s -4s linear infinite;

}

@keyframes fall-67 {

  59.486% {

    transform: translate(51.3685vw, 59.486vh) scale(0.4479);

  }

  to {

    transform: translate(55.3805vw, 100vh) scale(0.4479);

  }

}

.snow:nth-child(68) {

  opacity: 0.1968;

  transform: translate(30.7184vw, -10px) scale(0.0035);

  animation: fall-68 13s -7s linear infinite;

}

@keyframes fall-68 {

  77.797% {

    transform: translate(22.0106vw, 77.797vh) scale(0.0035);

  }

  to {

    transform: translate(26.3645vw, 100vh) scale(0.0035);

  }

}

.snow:nth-child(69) {

  opacity: 0.1799;

  transform: translate(4.8327vw, -10px) scale(0.7174);

  animation: fall-69 13s -24s linear infinite;

}

@keyframes fall-69 {

  47.354% {

    transform: translate(-4.5453vw, 47.354vh) scale(0.7174);

  }

  to {

    transform: translate(0.1437vw, 100vh) scale(0.7174);

  }

}

.snow:nth-child(70) {

  opacity: 0.7161;

  transform: translate(44.0205vw, -10px) scale(0.4576);

  animation: fall-70 17s -29s linear infinite;

}

@keyframes fall-70 {

  47.895% {

    transform: translate(44.5731vw, 47.895vh) scale(0.4576);

  }

  to {

    transform: translate(44.2968vw, 100vh) scale(0.4576);

  }

}

.snow:nth-child(71) {

  opacity: 0.3884;

  transform: translate(46.0216vw, -10px) scale(0.7144);

  animation: fall-71 20s -30s linear infinite;

}

@keyframes fall-71 {

  61.612% {

    transform: translate(44.4865vw, 61.612vh) scale(0.7144);

  }

  to {

    transform: translate(45.25405vw, 100vh) scale(0.7144);

  }

}

.snow:nth-child(72) {

  opacity: 0.273;

  transform: translate(68.6683vw, -10px) scale(0.7092);

  animation: fall-72 16s -17s linear infinite;

}

@keyframes fall-72 {

  79.596% {

    transform: translate(69.7836vw, 79.596vh) scale(0.7092);

  }

  to {

    transform: translate(69.22595vw, 100vh) scale(0.7092);

  }

}

.snow:nth-child(73) {

  opacity: 0.3562;

  transform: translate(68.638vw, -10px) scale(0.6578);

  animation: fall-73 17s -6s linear infinite;

}

@keyframes fall-73 {

  36.912% {

    transform: translate(59.2453vw, 36.912vh) scale(0.6578);

  }

  to {

    transform: translate(63.94165vw, 100vh) scale(0.6578);

  }

}

.snow:nth-child(74) {

  opacity: 0.7651;

  transform: translate(92.7057vw, -10px) scale(0.6712);

  animation: fall-74 16s -11s linear infinite;

}

@keyframes fall-74 {

  57.658% {

    transform: translate(87.2603vw, 57.658vh) scale(0.6712);

  }

  to {

    transform: translate(89.983vw, 100vh) scale(0.6712);

  }

}

.snow:nth-child(75) {

  opacity: 0.8352;

  transform: translate(61.6662vw, -10px) scale(0.4378);

  animation: fall-75 26s -2s linear infinite;

}

@keyframes fall-75 {

  71.793% {

    transform: translate(63.0031vw, 71.793vh) scale(0.4378);

  }

  to {

    transform: translate(62.33465vw, 100vh) scale(0.4378);

  }

}

.snow:nth-child(76) {

  opacity: 0.8388;

  transform: translate(44.9658vw, -10px) scale(0.1691);

  animation: fall-76 18s -27s linear infinite;

}

@keyframes fall-76 {

  58.027% {

    transform: translate(45.9264vw, 58.027vh) scale(0.1691);

  }

  to {

    transform: translate(45.4461vw, 100vh) scale(0.1691);

  }

}

.snow:nth-child(77) {

  opacity: 0.1424;

  transform: translate(17.3521vw, -10px) scale(0.9485);

  animation: fall-77 15s -12s linear infinite;

}

@keyframes fall-77 {

  31.373% {

    transform: translate(26.0983vw, 31.373vh) scale(0.9485);

  }

  to {

    transform: translate(21.7252vw, 100vh) scale(0.9485);

  }

}

.snow:nth-child(78) {

  opacity: 0.5739;

  transform: translate(86.8658vw, -10px) scale(0.9303);

  animation: fall-78 15s -8s linear infinite;

}

@keyframes fall-78 {

  70.29% {

    transform: translate(81.9993vw, 70.29vh) scale(0.9303);

  }

  to {

    transform: translate(84.43255vw, 100vh) scale(0.9303);

  }

}

.snow:nth-child(79) {

  opacity: 0.1441;

  transform: translate(24.1553vw, -10px) scale(0.8534);

  animation: fall-79 19s -8s linear infinite;

}

@keyframes fall-79 {

  31.134% {

    transform: translate(26.5509vw, 31.134vh) scale(0.8534);

  }

  to {

    transform: translate(25.3531vw, 100vh) scale(0.8534);

  }

}

.snow:nth-child(80) {

  opacity: 0.9317;

  transform: translate(65.9932vw, -10px) scale(0.2631);

  animation: fall-80 12s -16s linear infinite;

}

@keyframes fall-80 {

  67.305% {

    transform: translate(61.4036vw, 67.305vh) scale(0.2631);

  }

  to {

    transform: translate(63.6984vw, 100vh) scale(0.2631);

  }

}

.snow:nth-child(81) {

  opacity: 0.3176;

  transform: translate(60.7556vw, -10px) scale(0.6769);

  animation: fall-81 13s -20s linear infinite;

}

@keyframes fall-81 {

  79.85% {

    transform: translate(58.5509vw, 79.85vh) scale(0.6769);

  }

  to {

    transform: translate(59.65325vw, 100vh) scale(0.6769);

  }

}

.snow:nth-child(82) {

  opacity: 0.1507;

  transform: translate(30.905vw, -10px) scale(0.3459);

  animation: fall-82 22s -2s linear infinite;

}

@keyframes fall-82 {

  66.544% {

    transform: translate(33.2327vw, 66.544vh) scale(0.3459);

  }

  to {

    transform: translate(32.06885vw, 100vh) scale(0.3459);

  }

}

.snow:nth-child(83) {

  opacity: 0.3951;

  transform: translate(42.7559vw, -10px) scale(0.1774);

  animation: fall-83 17s -9s linear infinite;

}

@keyframes fall-83 {

  73.019% {

    transform: translate(33.0388vw, 73.019vh) scale(0.1774);

  }

  to {

    transform: translate(37.89735vw, 100vh) scale(0.1774);

  }

}

.snow:nth-child(84) {

  opacity: 0.7742;

  transform: translate(95.444vw, -10px) scale(0.6959);

  animation: fall-84 26s -24s linear infinite;

}

@keyframes fall-84 {

  75.702% {

    transform: translate(105.1532vw, 75.702vh) scale(0.6959);

  }

  to {

    transform: translate(100.2986vw, 100vh) scale(0.6959);

  }

}

.snow:nth-child(85) {

  opacity: 0.4295;

  transform: translate(18.7382vw, -10px) scale(0.1832);

  animation: fall-85 20s -15s linear infinite;

}

@keyframes fall-85 {

  59.51% {

    transform: translate(11.5994vw, 59.51vh) scale(0.1832);

  }

  to {

    transform: translate(15.1688vw, 100vh) scale(0.1832);

  }

}

.snow:nth-child(86) {

  opacity: 0.7104;

  transform: translate(87.2254vw, -10px) scale(0.3772);

  animation: fall-86 29s -24s linear infinite;

}

@keyframes fall-86 {

  44.968% {

    transform: translate(86.3006vw, 44.968vh) scale(0.3772);

  }

  to {

    transform: translate(86.763vw, 100vh) scale(0.3772);

  }

}

.snow:nth-child(87) {

  opacity: 0.2041;

  transform: translate(9.7661vw, -10px) scale(0.9487);

  animation: fall-87 12s -26s linear infinite;

}

@keyframes fall-87 {

  62.619% {

    transform: translate(19.0985vw, 62.619vh) scale(0.9487);

  }

  to {

    transform: translate(14.4323vw, 100vh) scale(0.9487);

  }

}

.snow:nth-child(88) {

  opacity: 0.2692;

  transform: translate(79.7743vw, -10px) scale(0.8524);

  animation: fall-88 17s -16s linear infinite;

}

@keyframes fall-88 {

  36.895% {

    transform: translate(89.1522vw, 36.895vh) scale(0.8524);

  }

  to {

    transform: translate(84.46325vw, 100vh) scale(0.8524);

  }

}

.snow:nth-child(89) {

  opacity: 0.594;

  transform: translate(13.1286vw, -10px) scale(0.2925);

  animation: fall-89 24s -22s linear infinite;

}

@keyframes fall-89 {

  30.346% {

    transform: translate(7.0274vw, 30.346vh) scale(0.2925);

  }

  to {

    transform: translate(10.078vw, 100vh) scale(0.2925);

  }

}

.snow:nth-child(90) {

  opacity: 0.6927;

  transform: translate(12.9321vw, -10px) scale(0.7189);

  animation: fall-90 16s -8s linear infinite;

}

@keyframes fall-90 {

  70.095% {

    transform: translate(10.5594vw, 70.095vh) scale(0.7189);

  }

  to {

    transform: translate(11.74575vw, 100vh) scale(0.7189);

  }

}

.snow:nth-child(91) {

  opacity: 0.6168;

  transform: translate(38.0018vw, -10px) scale(0.016);

  animation: fall-91 26s -7s linear infinite;

}

@keyframes fall-91 {

  78.801% {

    transform: translate(40.5949vw, 78.801vh) scale(0.016);

  }

  to {

    transform: translate(39.29835vw, 100vh) scale(0.016);

  }

}

.snow:nth-child(92) {

  opacity: 0.6094;

  transform: translate(67.5178vw, -10px) scale(0.2635);

  animation: fall-92 18s -4s linear infinite;

}

@keyframes fall-92 {

  67.143% {

    transform: translate(67.8312vw, 67.143vh) scale(0.2635);

  }

  to {

    transform: translate(67.6745vw, 100vh) scale(0.2635);

  }

}

.snow:nth-child(93) {

  opacity: 0.6332;

  transform: translate(25.9456vw, -10px) scale(0.7637);

  animation: fall-93 12s -29s linear infinite;

}

@keyframes fall-93 {

  37.201% {

    transform: translate(27.9766vw, 37.201vh) scale(0.7637);

  }

  to {

    transform: translate(26.9611vw, 100vh) scale(0.7637);

  }

}

.snow:nth-child(94) {

  opacity: 0.2251;

  transform: translate(36.6625vw, -10px) scale(0.1448);

  animation: fall-94 13s -29s linear infinite;

}

@keyframes fall-94 {

  44.813% {

    transform: translate(45.2371vw, 44.813vh) scale(0.1448);

  }

  to {

    transform: translate(40.9498vw, 100vh) scale(0.1448);

  }

}

.snow:nth-child(95) {

  opacity: 0.0153;

  transform: translate(61.3696vw, -10px) scale(0.5955);

  animation: fall-95 18s -28s linear infinite;

}

@keyframes fall-95 {

  78.037% {

    transform: translate(59.5698vw, 78.037vh) scale(0.5955);

  }

  to {

    transform: translate(60.4697vw, 100vh) scale(0.5955);

  }

}

.snow:nth-child(96) {

  opacity: 0.8909;

  transform: translate(29.6209vw, -10px) scale(0.3379);

  animation: fall-96 30s -4s linear infinite;

}

@keyframes fall-96 {

  45.22% {

    transform: translate(19.983vw, 45.22vh) scale(0.3379);

  }

  to {

    transform: translate(24.80195vw, 100vh) scale(0.3379);

  }

}

.snow:nth-child(97) {

  opacity: 0.5373;

  transform: translate(67.255vw, -10px) scale(0.8952);

  animation: fall-97 30s -13s linear infinite;

}

@keyframes fall-97 {

  75.78% {

    transform: translate(64.2822vw, 75.78vh) scale(0.8952);

  }

  to {

    transform: translate(65.7686vw, 100vh) scale(0.8952);

  }

}

.snow:nth-child(98) {

  opacity: 0.5733;

  transform: translate(95.1649vw, -10px) scale(0.2);

  animation: fall-98 28s -5s linear infinite;

}

@keyframes fall-98 {

  66.85% {

    transform: translate(98.7627vw, 66.85vh) scale(0.2);

  }

  to {

    transform: translate(96.9638vw, 100vh) scale(0.2);

  }

}

.snow:nth-child(99) {

  opacity: 0.1575;

  transform: translate(75.8083vw, -10px) scale(0.7718);

  animation: fall-99 14s -26s linear infinite;

}

@keyframes fall-99 {

  56.545% {

    transform: translate(68.3837vw, 56.545vh) scale(0.7718);

  }

  to {

    transform: translate(72.096vw, 100vh) scale(0.7718);

  }

}

.snow:nth-child(100) {

  opacity: 0.264;

  transform: translate(13.298vw, -10px) scale(0.1193);

  animation: fall-100 11s -28s linear infinite;

}

@keyframes fall-100 {

  68.617% {

    transform: translate(9.4346vw, 68.617vh) scale(0.1193);

  }

  to {

    transform: translate(11.3663vw, 100vh) scale(0.1193);

  }

}

.snow:nth-child(101) {

  opacity: 0.7429;

  transform: translate(95.4259vw, -10px) scale(0.055);

  animation: fall-101 27s -30s linear infinite;

}

@keyframes fall-101 {

  50.051% {

    transform: translate(86.8262vw, 50.051vh) scale(0.055);

  }

  to {

    transform: translate(91.12605vw, 100vh) scale(0.055);

  }

}

.snow:nth-child(102) {

  opacity: 0.9639;

  transform: translate(36.6159vw, -10px) scale(0.5053);

  animation: fall-102 27s -27s linear infinite;

}

@keyframes fall-102 {

  63.31% {

    transform: translate(27.6509vw, 63.31vh) scale(0.5053);

  }

  to {

    transform: translate(32.1334vw, 100vh) scale(0.5053);

  }

}

.snow:nth-child(103) {

  opacity: 0.7036;

  transform: translate(32.4807vw, -10px) scale(0.343);

  animation: fall-103 11s -25s linear infinite;

}

@keyframes fall-103 {

  38.64% {

    transform: translate(36.8716vw, 38.64vh) scale(0.343);

  }

  to {

    transform: translate(34.67615vw, 100vh) scale(0.343);

  }

}

.snow:nth-child(104) {

  opacity: 0.2169;

  transform: translate(64.4022vw, -10px) scale(0.5353);

  animation: fall-104 13s -7s linear infinite;

}

@keyframes fall-104 {

  41.374% {

    transform: translate(66.189vw, 41.374vh) scale(0.5353);

  }

  to {

    transform: translate(65.2956vw, 100vh) scale(0.5353);

  }

}

.snow:nth-child(105) {

  opacity: 0.8117;

  transform: translate(76.2625vw, -10px) scale(0.962);

  animation: fall-105 21s -10s linear infinite;

}

@keyframes fall-105 {

  52.546% {

    transform: translate(80.4535vw, 52.546vh) scale(0.962);

  }

  to {

    transform: translate(78.358vw, 100vh) scale(0.962);

  }

}

.snow:nth-child(106) {

  opacity: 0.8338;

  transform: translate(17.1985vw, -10px) scale(0.4759);

  animation: fall-106 13s -29s linear infinite;

}

@keyframes fall-106 {

  37.06% {

    transform: translate(25.1168vw, 37.06vh) scale(0.4759);

  }

  to {

    transform: translate(21.15765vw, 100vh) scale(0.4759);

  }

}

.snow:nth-child(107) {

  opacity: 0.0351;

  transform: translate(48.5937vw, -10px) scale(0.9536);

  animation: fall-107 30s -3s linear infinite;

}

@keyframes fall-107 {

  31.75% {

    transform: translate(52.6289vw, 31.75vh) scale(0.9536);

  }

  to {

    transform: translate(50.6113vw, 100vh) scale(0.9536);

  }

}

.snow:nth-child(108) {

  opacity: 0.0344;

  transform: translate(69.1631vw, -10px) scale(0.337);

  animation: fall-108 23s -4s linear infinite;

}

@keyframes fall-108 {

  30.531% {

    transform: translate(70.307vw, 30.531vh) scale(0.337);

  }

  to {

    transform: translate(69.73505vw, 100vh) scale(0.337);

  }

}

.snow:nth-child(109) {

  opacity: 0.5894;

  transform: translate(52.9008vw, -10px) scale(0.0113);

  animation: fall-109 27s -9s linear infinite;

}

@keyframes fall-109 {

  72.215% {

    transform: translate(44.3074vw, 72.215vh) scale(0.0113);

  }

  to {

    transform: translate(48.6041vw, 100vh) scale(0.0113);

  }

}

.snow:nth-child(110) {

  opacity: 0.3854;

  transform: translate(93.1287vw, -10px) scale(0.3161);

  animation: fall-110 14s -26s linear infinite;

}

@keyframes fall-110 {

  33.16% {

    transform: translate(102.1599vw, 33.16vh) scale(0.3161);

  }

  to {

    transform: translate(97.6443vw, 100vh) scale(0.3161);

  }

}

.snow:nth-child(111) {

  opacity: 0.6187;

  transform: translate(8.7204vw, -10px) scale(0.4561);

  animation: fall-111 30s -29s linear infinite;

}

@keyframes fall-111 {

  56.411% {

    transform: translate(4.8123vw, 56.411vh) scale(0.4561);

  }

  to {

    transform: translate(6.76635vw, 100vh) scale(0.4561);

  }

}

.snow:nth-child(112) {

  opacity: 0.1954;

  transform: translate(81.004vw, -10px) scale(0.5704);

  animation: fall-112 15s -19s linear infinite;

}

@keyframes fall-112 {

  74.116% {

    transform: translate(87.3406vw, 74.116vh) scale(0.5704);

  }

  to {

    transform: translate(84.1723vw, 100vh) scale(0.5704);

  }

}

.snow:nth-child(113) {

  opacity: 0.6105;

  transform: translate(3.8512vw, -10px) scale(0.319);

  animation: fall-113 24s -21s linear infinite;

}

@keyframes fall-113 {

  72.453% {

    transform: translate(6.2407vw, 72.453vh) scale(0.319);

  }

  to {

    transform: translate(5.04595vw, 100vh) scale(0.319);

  }

}

.snow:nth-child(114) {

  opacity: 0.1541;

  transform: translate(55.7336vw, -10px) scale(0.1137);

  animation: fall-114 11s -26s linear infinite;

}

@keyframes fall-114 {

  70.256% {

    transform: translate(53.2885vw, 70.256vh) scale(0.1137);

  }

  to {

    transform: translate(54.51105vw, 100vh) scale(0.1137);

  }

}

.snow:nth-child(115) {

  opacity: 0.0138;

  transform: translate(19.2723vw, -10px) scale(0.3496);

  animation: fall-115 15s -21s linear infinite;

}

@keyframes fall-115 {

  70.289% {

    transform: translate(19.101vw, 70.289vh) scale(0.3496);

  }

  to {

    transform: translate(19.18665vw, 100vh) scale(0.3496);

  }

}

.snow:nth-child(116) {

  opacity: 0.5894;

  transform: translate(51.6218vw, -10px) scale(0.4906);

  animation: fall-116 22s -5s linear infinite;

}

@keyframes fall-116 {

  65.033% {

    transform: translate(54.8436vw, 65.033vh) scale(0.4906);

  }

  to {

    transform: translate(53.2327vw, 100vh) scale(0.4906);

  }

}

.snow:nth-child(117) {

  opacity: 0.3444;

  transform: translate(13.3002vw, -10px) scale(0.8149);

  animation: fall-117 24s -16s linear infinite;

}

@keyframes fall-117 {

  39.317% {

    transform: translate(19.7821vw, 39.317vh) scale(0.8149);

  }

  to {

    transform: translate(16.54115vw, 100vh) scale(0.8149);

  }

}

.snow:nth-child(118) {

  opacity: 0.9356;

  transform: translate(84.2431vw, -10px) scale(0.4227);

  animation: fall-118 30s -16s linear infinite;

}

@keyframes fall-118 {

  46.495% {

    transform: translate(92.5221vw, 46.495vh) scale(0.4227);

  }

  to {

    transform: translate(88.3826vw, 100vh) scale(0.4227);

  }

}

.snow:nth-child(119) {

  opacity: 0.2645;

  transform: translate(2.8894vw, -10px) scale(0.0511);

  animation: fall-119 11s -27s linear infinite;

}

@keyframes fall-119 {

  58.295% {

    transform: translate(2.7141vw, 58.295vh) scale(0.0511);

  }

  to {

    transform: translate(2.80175vw, 100vh) scale(0.0511);

  }

}

.snow:nth-child(120) {

  opacity: 0.3853;

  transform: translate(22.257vw, -10px) scale(0.9631);

  animation: fall-120 25s -30s linear infinite;

}

@keyframes fall-120 {

  36.826% {

    transform: translate(29.0632vw, 36.826vh) scale(0.9631);

  }

  to {

    transform: translate(25.6601vw, 100vh) scale(0.9631);

  }

}

.snow:nth-child(121) {

  opacity: 0.5889;

  transform: translate(84.9719vw, -10px) scale(0.4521);

  animation: fall-121 20s -1s linear infinite;

}

@keyframes fall-121 {

  47.039% {

    transform: translate(83.3442vw, 47.039vh) scale(0.4521);

  }

  to {

    transform: translate(84.15805vw, 100vh) scale(0.4521);

  }

}

.snow:nth-child(122) {

  opacity: 0.3107;

  transform: translate(39.8123vw, -10px) scale(0.1397);

  animation: fall-122 20s -25s linear infinite;

}

@keyframes fall-122 {

  53.992% {

    transform: translate(35.1998vw, 53.992vh) scale(0.1397);

  }

  to {

    transform: translate(37.50605vw, 100vh) scale(0.1397);

  }

}

.snow:nth-child(123) {

  opacity: 0.8919;

  transform: translate(43.1436vw, -10px) scale(0.7373);

  animation: fall-123 29s -1s linear infinite;

}

@keyframes fall-123 {

  40.619% {

    transform: translate(33.9082vw, 40.619vh) scale(0.7373);

  }

  to {

    transform: translate(38.5259vw, 100vh) scale(0.7373);

  }

}

.snow:nth-child(124) {

  opacity: 0.3042;

  transform: translate(4.3328vw, -10px) scale(0.9679);

  animation: fall-124 24s -4s linear infinite;

}

@keyframes fall-124 {

  77.466% {

    transform: translate(2.3514vw, 77.466vh) scale(0.9679);

  }

  to {

    transform: translate(3.3421vw, 100vh) scale(0.9679);

  }

}

.snow:nth-child(125) {

  opacity: 0.2343;

  transform: translate(44.009vw, -10px) scale(0.2442);

  animation: fall-125 13s -11s linear infinite;

}

@keyframes fall-125 {

  78.721% {

    transform: translate(35.4611vw, 78.721vh) scale(0.2442);

  }

  to {

    transform: translate(39.73505vw, 100vh) scale(0.2442);

  }

}

.snow:nth-child(126) {

  opacity: 0.8814;

  transform: translate(15.9139vw, -10px) scale(0.5999);

  animation: fall-126 25s -18s linear infinite;

}

@keyframes fall-126 {

  70.723% {

    transform: translate(9.3051vw, 70.723vh) scale(0.5999);

  }

  to {

    transform: translate(12.6095vw, 100vh) scale(0.5999);

  }

}

.snow:nth-child(127) {

  opacity: 0.8912;

  transform: translate(3.7156vw, -10px) scale(0.0265);

  animation: fall-127 19s -23s linear infinite;

}

@keyframes fall-127 {

  54.531% {

    transform: translate(7.7077vw, 54.531vh) scale(0.0265);

  }

  to {

    transform: translate(5.71165vw, 100vh) scale(0.0265);

  }

}

.snow:nth-child(128) {

  opacity: 0.0517;

  transform: translate(29.3186vw, -10px) scale(0.3348);

  animation: fall-128 12s -11s linear infinite;

}

@keyframes fall-128 {

  30.604% {

    transform: translate(38.1146vw, 30.604vh) scale(0.3348);

  }

  to {

    transform: translate(33.7166vw, 100vh) scale(0.3348);

  }

}

.snow:nth-child(129) {

  opacity: 0.6568;

  transform: translate(19.1678vw, -10px) scale(0.3297);

  animation: fall-129 23s -11s linear infinite;

}

@keyframes fall-129 {

  35.088% {

    transform: translate(19.1672vw, 35.088vh) scale(0.3297);

  }

  to {

    transform: translate(19.1675vw, 100vh) scale(0.3297);

  }

}

.snow:nth-child(130) {

  opacity: 0.4142;

  transform: translate(60.976vw, -10px) scale(0.6971);

  animation: fall-130 20s -3s linear infinite;

}

@keyframes fall-130 {

  54.354% {

    transform: translate(69.2903vw, 54.354vh) scale(0.6971);

  }

  to {

    transform: translate(65.13315vw, 100vh) scale(0.6971);

  }

}

.snow:nth-child(131) {

  opacity: 0.0889;

  transform: translate(57.1227vw, -10px) scale(0.6465);

  animation: fall-131 30s -22s linear infinite;

}

@keyframes fall-131 {

  58.61% {

    transform: translate(53.6292vw, 58.61vh) scale(0.6465);

  }

  to {

    transform: translate(55.37595vw, 100vh) scale(0.6465);

  }

}

.snow:nth-child(132) {

  opacity: 0.7523;

  transform: translate(34.0806vw, -10px) scale(0.0498);

  animation: fall-132 19s -14s linear infinite;

}

@keyframes fall-132 {

  44.463% {

    transform: translate(30.946vw, 44.463vh) scale(0.0498);

  }

  to {

    transform: translate(32.5133vw, 100vh) scale(0.0498);

  }

}

.snow:nth-child(133) {

  opacity: 0.6577;

  transform: translate(76.7429vw, -10px) scale(0.3358);

  animation: fall-133 26s -3s linear infinite;

}

@keyframes fall-133 {

  67.091% {

    transform: translate(82.993vw, 67.091vh) scale(0.3358);

  }

  to {

    transform: translate(79.86795vw, 100vh) scale(0.3358);

  }

}

.snow:nth-child(134) {

  opacity: 0.0539;

  transform: translate(77.7103vw, -10px) scale(0.4563);

  animation: fall-134 25s -5s linear infinite;

}

@keyframes fall-134 {

  65.74% {

    transform: translate(80.1824vw, 65.74vh) scale(0.4563);

  }

  to {

    transform: translate(78.94635vw, 100vh) scale(0.4563);

  }

}

.snow:nth-child(135) {

  opacity: 0.6242;

  transform: translate(55.7473vw, -10px) scale(0.3758);

  animation: fall-135 29s -25s linear infinite;

}

@keyframes fall-135 {

  55.104% {

    transform: translate(49.6395vw, 55.104vh) scale(0.3758);

  }

  to {

    transform: translate(52.6934vw, 100vh) scale(0.3758);

  }

}

.snow:nth-child(136) {

  opacity: 0.0022;

  transform: translate(83.7041vw, -10px) scale(0.713);

  animation: fall-136 15s -13s linear infinite;

}

@keyframes fall-136 {

  67.234% {

    transform: translate(93.5185vw, 67.234vh) scale(0.713);

  }

  to {

    transform: translate(88.6113vw, 100vh) scale(0.713);

  }

}

.snow:nth-child(137) {

  opacity: 0.0128;

  transform: translate(47.9071vw, -10px) scale(0.9744);

  animation: fall-137 12s -26s linear infinite;

}

@keyframes fall-137 {

  52.806% {

    transform: translate(51.2727vw, 52.806vh) scale(0.9744);

  }

  to {

    transform: translate(49.5899vw, 100vh) scale(0.9744);

  }

}

.snow:nth-child(138) {

  opacity: 0.4562;

  transform: translate(28.107vw, -10px) scale(0.3686);

  animation: fall-138 30s -3s linear infinite;

}

@keyframes fall-138 {

  62.569% {

    transform: translate(35.7021vw, 62.569vh) scale(0.3686);

  }

  to {

    transform: translate(31.90455vw, 100vh) scale(0.3686);

  }

}

.snow:nth-child(139) {

  opacity: 0.2654;

  transform: translate(86.1105vw, -10px) scale(0.0083);

  animation: fall-139 11s -20s linear infinite;

}

@keyframes fall-139 {

  48.411% {

    transform: translate(85.9071vw, 48.411vh) scale(0.0083);

  }

  to {

    transform: translate(86.0088vw, 100vh) scale(0.0083);

  }

}

.snow:nth-child(140) {

  opacity: 0.5388;

  transform: translate(6.1509vw, -10px) scale(0.2699);

  animation: fall-140 26s -27s linear infinite;

}

@keyframes fall-140 {

  42.715% {

    transform: translate(2.0396vw, 42.715vh) scale(0.2699);

  }

  to {

    transform: translate(4.09525vw, 100vh) scale(0.2699);

  }

}

.snow:nth-child(141) {

  opacity: 0.5052;

  transform: translate(4.8231vw, -10px) scale(0.1287);

  animation: fall-141 18s -3s linear infinite;

}

@keyframes fall-141 {

  42.057% {

    transform: translate(5.1234vw, 42.057vh) scale(0.1287);

  }

  to {

    transform: translate(4.97325vw, 100vh) scale(0.1287);

  }

}

.snow:nth-child(142) {

  opacity: 0.0109;

  transform: translate(87.2793vw, -10px) scale(0.2785);

  animation: fall-142 19s -27s linear infinite;

}

@keyframes fall-142 {

  52.451% {

    transform: translate(79.1952vw, 52.451vh) scale(0.2785);

  }

  to {

    transform: translate(83.23725vw, 100vh) scale(0.2785);

  }

}

.snow:nth-child(143) {

  opacity: 0.9731;

  transform: translate(60.5431vw, -10px) scale(0.514);

  animation: fall-143 25s -11s linear infinite;

}

@keyframes fall-143 {

  54.807% {

    transform: translate(67.855vw, 54.807vh) scale(0.514);

  }

  to {

    transform: translate(64.19905vw, 100vh) scale(0.514);

  }

}

.snow:nth-child(144) {

  opacity: 0.841;

  transform: translate(60.3083vw, -10px) scale(0.3076);

  animation: fall-144 25s -22s linear infinite;

}

@keyframes fall-144 {

  38.046% {

    transform: translate(53.9821vw, 38.046vh) scale(0.3076);

  }

  to {

    transform: translate(57.1452vw, 100vh) scale(0.3076);

  }

}

.snow:nth-child(145) {

  opacity: 0.8456;

  transform: translate(66.7267vw, -10px) scale(0.3634);

  animation: fall-145 24s -5s linear infinite;

}

@keyframes fall-145 {

  38.713% {

    transform: translate(68.8993vw, 38.713vh) scale(0.3634);

  }

  to {

    transform: translate(67.813vw, 100vh) scale(0.3634);

  }

}

.snow:nth-child(146) {

  opacity: 0.5099;

  transform: translate(86.232vw, -10px) scale(0.806);

  animation: fall-146 24s -1s linear infinite;

}

@keyframes fall-146 {

  41.462% {

    transform: translate(88.6217vw, 41.462vh) scale(0.806);

  }

  to {

    transform: translate(87.42685vw, 100vh) scale(0.806);

  }

}

.snow:nth-child(147) {

  opacity: 0.7023;

  transform: translate(17.7863vw, -10px) scale(0.5484);

  animation: fall-147 23s -27s linear infinite;

}

@keyframes fall-147 {

  71.856% {

    transform: translate(22.0514vw, 71.856vh) scale(0.5484);

  }

  to {

    transform: translate(19.91885vw, 100vh) scale(0.5484);

  }

}

.snow:nth-child(148) {

  opacity: 0.4659;

  transform: translate(16.2324vw, -10px) scale(0.8844);

  animation: fall-148 12s -9s linear infinite;

}

@keyframes fall-148 {

  75.761% {

    transform: translate(8.57vw, 75.761vh) scale(0.8844);

  }

  to {

    transform: translate(12.4012vw, 100vh) scale(0.8844);

  }

}

.snow:nth-child(149) {

  opacity: 0.0344;

  transform: translate(45.141vw, -10px) scale(0.9787);

  animation: fall-149 20s -30s linear infinite;

}

@keyframes fall-149 {

  72.99% {

    transform: translate(39.1367vw, 72.99vh) scale(0.9787);

  }

  to {

    transform: translate(42.13885vw, 100vh) scale(0.9787);

  }

}

.snow:nth-child(150) {

  opacity: 0.7379;

  transform: translate(83.72vw, -10px) scale(0.3501);

  animation: fall-150 23s -21s linear infinite;

}

@keyframes fall-150 {

  77.693% {

    transform: translate(79.5707vw, 77.693vh) scale(0.3501);

  }

  to {

    transform: translate(81.64535vw, 100vh) scale(0.3501);

  }

}

.snow:nth-child(151) {

  opacity: 0.112;

  transform: translate(36.0358vw, -10px) scale(0.9662);

  animation: fall-151 17s -9s linear infinite;

}

@keyframes fall-151 {

  67.196% {

    transform: translate(37.4978vw, 67.196vh) scale(0.9662);

  }

  to {

    transform: translate(36.7668vw, 100vh) scale(0.9662);

  }

}

.snow:nth-child(152) {

  opacity: 0.1019;

  transform: translate(96.5261vw, -10px) scale(0.7166);

  animation: fall-152 25s -15s linear infinite;

}

@keyframes fall-152 {

  60.229% {

    transform: translate(99.3525vw, 60.229vh) scale(0.7166);

  }

  to {

    transform: translate(97.9393vw, 100vh) scale(0.7166);

  }

}

.snow:nth-child(153) {

  opacity: 0.2134;

  transform: translate(36.2753vw, -10px) scale(0.7222);

  animation: fall-153 13s -11s linear infinite;

}

@keyframes fall-153 {

  46.96% {

    transform: translate(35.0298vw, 46.96vh) scale(0.7222);

  }

  to {

    transform: translate(35.65255vw, 100vh) scale(0.7222);

  }

}

.snow:nth-child(154) {

  opacity: 0.1185;

  transform: translate(7.8137vw, -10px) scale(0.629);

  animation: fall-154 18s -30s linear infinite;

}

@keyframes fall-154 {

  30.97% {

    transform: translate(13.7236vw, 30.97vh) scale(0.629);

  }

  to {

    transform: translate(10.76865vw, 100vh) scale(0.629);

  }

}

.snow:nth-child(155) {

  opacity: 0.914;

  transform: translate(91.2766vw, -10px) scale(0.9189);

  animation: fall-155 11s -16s linear infinite;

}

@keyframes fall-155 {

  34.376% {

    transform: translate(81.99vw, 34.376vh) scale(0.9189);

  }

  to {

    transform: translate(86.6333vw, 100vh) scale(0.9189);

  }

}

.snow:nth-child(156) {

  opacity: 0.8165;

  transform: translate(5.2768vw, -10px) scale(0.1043);

  animation: fall-156 22s -8s linear infinite;

}

@keyframes fall-156 {

  59.926% {

    transform: translate(7.0627vw, 59.926vh) scale(0.1043);

  }

  to {

    transform: translate(6.16975vw, 100vh) scale(0.1043);

  }

}

.snow:nth-child(157) {

  opacity: 0.6643;

  transform: translate(18.7566vw, -10px) scale(0.6826);

  animation: fall-157 22s -19s linear infinite;

}

@keyframes fall-157 {

  72.575% {

    transform: translate(12.0109vw, 72.575vh) scale(0.6826);

  }

  to {

    transform: translate(15.38375vw, 100vh) scale(0.6826);

  }

}

.snow:nth-child(158) {

  opacity: 0.3093;

  transform: translate(66.5855vw, -10px) scale(0.4846);

  animation: fall-158 19s -2s linear infinite;

}

@keyframes fall-158 {

  38.175% {

    transform: translate(65.9218vw, 38.175vh) scale(0.4846);

  }

  to {

    transform: translate(66.25365vw, 100vh) scale(0.4846);

  }

}

.snow:nth-child(159) {

  opacity: 0.6475;

  transform: translate(14.294vw, -10px) scale(0.1178);

  animation: fall-159 23s -11s linear infinite;

}

@keyframes fall-159 {

  72.826% {

    transform: translate(17.8788vw, 72.826vh) scale(0.1178);

  }

  to {

    transform: translate(16.0864vw, 100vh) scale(0.1178);

  }

}

.snow:nth-child(160) {

  opacity: 0.201;

  transform: translate(87.454vw, -10px) scale(0.8031);

  animation: fall-160 15s -8s linear infinite;

}

@keyframes fall-160 {

  42.854% {

    transform: translate(86.5042vw, 42.854vh) scale(0.8031);

  }

  to {

    transform: translate(86.9791vw, 100vh) scale(0.8031);

  }

}

.snow:nth-child(161) {

  opacity: 0.052;

  transform: translate(38.1879vw, -10px) scale(0.1856);

  animation: fall-161 20s -9s linear infinite;

}

@keyframes fall-161 {

  64.261% {

    transform: translate(37.1468vw, 64.261vh) scale(0.1856);

  }

  to {

    transform: translate(37.66735vw, 100vh) scale(0.1856);

  }

}

.snow:nth-child(162) {

  opacity: 0.726;

  transform: translate(8.0462vw, -10px) scale(0.78);

  animation: fall-162 13s -15s linear infinite;

}

@keyframes fall-162 {

  74.64% {

    transform: translate(11.2557vw, 74.64vh) scale(0.78);

  }

  to {

    transform: translate(9.65095vw, 100vh) scale(0.78);

  }

}

.snow:nth-child(163) {

  opacity: 0.9792;

  transform: translate(74.0289vw, -10px) scale(0.7724);

  animation: fall-163 21s -18s linear infinite;

}

@keyframes fall-163 {

  53.524% {

    transform: translate(73.0462vw, 53.524vh) scale(0.7724);

  }

  to {

    transform: translate(73.53755vw, 100vh) scale(0.7724);

  }

}

.snow:nth-child(164) {

  opacity: 0.6427;

  transform: translate(73.8709vw, -10px) scale(0.7103);

  animation: fall-164 30s -30s linear infinite;

}

@keyframes fall-164 {

  38.582% {

    transform: translate(73.549vw, 38.582vh) scale(0.7103);

  }

  to {

    transform: translate(73.70995vw, 100vh) scale(0.7103);

  }

}

.snow:nth-child(165) {

  opacity: 0.4788;

  transform: translate(69.5784vw, -10px) scale(0.3139);

  animation: fall-165 27s -10s linear infinite;

}

@keyframes fall-165 {

  43.887% {

    transform: translate(68.9892vw, 43.887vh) scale(0.3139);

  }

  to {

    transform: translate(69.2838vw, 100vh) scale(0.3139);

  }

}

.snow:nth-child(166) {

  opacity: 0.9487;

  transform: translate(20.8353vw, -10px) scale(0.7487);

  animation: fall-166 21s -8s linear infinite;

}

@keyframes fall-166 {

  58.271% {

    transform: translate(25.1945vw, 58.271vh) scale(0.7487);

  }

  to {

    transform: translate(23.0149vw, 100vh) scale(0.7487);

  }

}

.snow:nth-child(167) {

  opacity: 0.5518;

  transform: translate(27.9533vw, -10px) scale(0.329);

  animation: fall-167 29s -11s linear infinite;

}

@keyframes fall-167 {

  40.866% {

    transform: translate(32.4646vw, 40.866vh) scale(0.329);

  }

  to {

    transform: translate(30.20895vw, 100vh) scale(0.329);

  }

}

.snow:nth-child(168) {

  opacity: 0.7487;

  transform: translate(54.1055vw, -10px) scale(0.2477);

  animation: fall-168 20s -27s linear infinite;

}

@keyframes fall-168 {

  39.125% {

    transform: translate(53.3495vw, 39.125vh) scale(0.2477);

  }

  to {

    transform: translate(53.7275vw, 100vh) scale(0.2477);

  }

}

.snow:nth-child(169) {

  opacity: 0.888;

  transform: translate(27.2155vw, -10px) scale(0.292);

  animation: fall-169 29s -22s linear infinite;

}

@keyframes fall-169 {

  79.755% {

    transform: translate(31.2643vw, 79.755vh) scale(0.292);

  }

  to {

    transform: translate(29.2399vw, 100vh) scale(0.292);

  }

}

.snow:nth-child(170) {

  opacity: 0.0126;

  transform: translate(10.4308vw, -10px) scale(0.9407);

  animation: fall-170 19s -3s linear infinite;

}

@keyframes fall-170 {

  47.684% {

    transform: translate(2.6108vw, 47.684vh) scale(0.9407);

  }

  to {

    transform: translate(6.5208vw, 100vh) scale(0.9407);

  }

}

.snow:nth-child(171) {

  opacity: 0.4047;

  transform: translate(16.0262vw, -10px) scale(0.6031);

  animation: fall-171 16s -3s linear infinite;

}

@keyframes fall-171 {

  48.655% {

    transform: translate(16.2328vw, 48.655vh) scale(0.6031);

  }

  to {

    transform: translate(16.1295vw, 100vh) scale(0.6031);

  }

}

.snow:nth-child(172) {

  opacity: 0.7446;

  transform: translate(61.1947vw, -10px) scale(0.5444);

  animation: fall-172 20s -8s linear infinite;

}

@keyframes fall-172 {

  63.084% {

    transform: translate(69.1121vw, 63.084vh) scale(0.5444);

  }

  to {

    transform: translate(65.1534vw, 100vh) scale(0.5444);

  }

}

.snow:nth-child(173) {

  opacity: 0.1544;

  transform: translate(96.7283vw, -10px) scale(0.0427);

  animation: fall-173 11s -3s linear infinite;

}

@keyframes fall-173 {

  64.182% {

    transform: translate(88.022vw, 64.182vh) scale(0.0427);

  }

  to {

    transform: translate(92.37515vw, 100vh) scale(0.0427);

  }

}

.snow:nth-child(174) {

  opacity: 0.6656;

  transform: translate(81.2104vw, -10px) scale(0.7095);

  animation: fall-174 26s -16s linear infinite;

}

@keyframes fall-174 {

  46.56% {

    transform: translate(80.901vw, 46.56vh) scale(0.7095);

  }

  to {

    transform: translate(81.0557vw, 100vh) scale(0.7095);

  }

}

.snow:nth-child(175) {

  opacity: 0.9195;

  transform: translate(96.1928vw, -10px) scale(0.3736);

  animation: fall-175 16s -22s linear infinite;

}

@keyframes fall-175 {

  36.133% {

    transform: translate(89.0451vw, 36.133vh) scale(0.3736);

  }

  to {

    transform: translate(92.61895vw, 100vh) scale(0.3736);

  }

}

.snow:nth-child(176) {

  opacity: 0.8379;

  transform: translate(6.6561vw, -10px) scale(0.5402);

  animation: fall-176 10s -12s linear infinite;

}

@keyframes fall-176 {

  45.423% {

    transform: translate(-3.2521vw, 45.423vh) scale(0.5402);

  }

  to {

    transform: translate(1.702vw, 100vh) scale(0.5402);

  }

}

.snow:nth-child(177) {

  opacity: 0.4602;

  transform: translate(6.3406vw, -10px) scale(0.049);

  animation: fall-177 22s -6s linear infinite;

}

@keyframes fall-177 {

  32.841% {

    transform: translate(-2.401vw, 32.841vh) scale(0.049);

  }

  to {

    transform: translate(1.9698vw, 100vh) scale(0.049);

  }

}

.snow:nth-child(178) {

  opacity: 0.5902;

  transform: translate(42.5302vw, -10px) scale(0.1958);

  animation: fall-178 12s -13s linear infinite;

}

@keyframes fall-178 {

  63.457% {

    transform: translate(43.3129vw, 63.457vh) scale(0.1958);

  }

  to {

    transform: translate(42.92155vw, 100vh) scale(0.1958);

  }

}

.snow:nth-child(179) {

  opacity: 0.2947;

  transform: translate(18.8821vw, -10px) scale(0.1176);

  animation: fall-179 14s -26s linear infinite;

}

@keyframes fall-179 {

  63.38% {

    transform: translate(22.2633vw, 63.38vh) scale(0.1176);

  }

  to {

    transform: translate(20.5727vw, 100vh) scale(0.1176);

  }

}

.snow:nth-child(180) {

  opacity: 0.4966;

  transform: translate(2.8703vw, -10px) scale(0.7154);

  animation: fall-180 13s -30s linear infinite;

}

@keyframes fall-180 {

  69.059% {

    transform: translate(5.2006vw, 69.059vh) scale(0.7154);

  }

  to {

    transform: translate(4.03545vw, 100vh) scale(0.7154);

  }

}

.snow:nth-child(181) {

  opacity: 0.2651;

  transform: translate(77.0924vw, -10px) scale(0.6468);

  animation: fall-181 26s -12s linear infinite;

}

@keyframes fall-181 {

  33.086% {

    transform: translate(85.396vw, 33.086vh) scale(0.6468);

  }

  to {

    transform: translate(81.2442vw, 100vh) scale(0.6468);

  }

}

.snow:nth-child(182) {

  opacity: 0.4626;

  transform: translate(9.2214vw, -10px) scale(0.4171);

  animation: fall-182 26s -3s linear infinite;

}

@keyframes fall-182 {

  58.989% {

    transform: translate(9.7395vw, 58.989vh) scale(0.4171);

  }

  to {

    transform: translate(9.48045vw, 100vh) scale(0.4171);

  }

}

.snow:nth-child(183) {

  opacity: 0.9271;

  transform: translate(69.6496vw, -10px) scale(0.8292);

  animation: fall-183 25s -16s linear infinite;

}

@keyframes fall-183 {

  33.611% {

    transform: translate(72.6805vw, 33.611vh) scale(0.8292);

  }

  to {

    transform: translate(71.16505vw, 100vh) scale(0.8292);

  }

}

.snow:nth-child(184) {

  opacity: 0.1516;

  transform: translate(90.1072vw, -10px) scale(0.6075);

  animation: fall-184 20s -11s linear infinite;

}

@keyframes fall-184 {

  51.442% {

    transform: translate(92.8042vw, 51.442vh) scale(0.6075);

  }

  to {

    transform: translate(91.4557vw, 100vh) scale(0.6075);

  }

}

.snow:nth-child(185) {

  opacity: 0.2078;

  transform: translate(76.4395vw, -10px) scale(0.6994);

  animation: fall-185 25s -2s linear infinite;

}

@keyframes fall-185 {

  44.075% {

    transform: translate(71.6231vw, 44.075vh) scale(0.6994);

  }

  to {

    transform: translate(74.0313vw, 100vh) scale(0.6994);

  }

}

.snow:nth-child(186) {

  opacity: 0.698;

  transform: translate(38.926vw, -10px) scale(0.1283);

  animation: fall-186 21s -14s linear infinite;

}

@keyframes fall-186 {

  64.767% {

    transform: translate(39.3201vw, 64.767vh) scale(0.1283);

  }

  to {

    transform: translate(39.12305vw, 100vh) scale(0.1283);

  }

}

.snow:nth-child(187) {

  opacity: 0.4082;

  transform: translate(41.7228vw, -10px) scale(0.9766);

  animation: fall-187 22s -6s linear infinite;

}

@keyframes fall-187 {

  42.395% {

    transform: translate(33.3653vw, 42.395vh) scale(0.9766);

  }

  to {

    transform: translate(37.54405vw, 100vh) scale(0.9766);

  }

}

.snow:nth-child(188) {

  opacity: 0.2358;

  transform: translate(71.4353vw, -10px) scale(0.9998);

  animation: fall-188 20s -21s linear infinite;

}

@keyframes fall-188 {

  31.013% {

    transform: translate(63.9624vw, 31.013vh) scale(0.9998);

  }

  to {

    transform: translate(67.69885vw, 100vh) scale(0.9998);

  }

}

.snow:nth-child(189) {

  opacity: 0.8358;

  transform: translate(21.3211vw, -10px) scale(0.1146);

  animation: fall-189 11s -24s linear infinite;

}

@keyframes fall-189 {

  35.16% {

    transform: translate(25.8022vw, 35.16vh) scale(0.1146);

  }

  to {

    transform: translate(23.56165vw, 100vh) scale(0.1146);

  }

}

.snow:nth-child(190) {

  opacity: 0.1715;

  transform: translate(64.15vw, -10px) scale(0.3229);

  animation: fall-190 25s -6s linear infinite;

}

@keyframes fall-190 {

  72.997% {

    transform: translate(69.9544vw, 72.997vh) scale(0.3229);

  }

  to {

    transform: translate(67.0522vw, 100vh) scale(0.3229);

  }

}

.snow:nth-child(191) {

  opacity: 0.822;

  transform: translate(48.1207vw, -10px) scale(0.908);

  animation: fall-191 22s -17s linear infinite;

}

@keyframes fall-191 {

  74.749% {

    transform: translate(41.5844vw, 74.749vh) scale(0.908);

  }

  to {

    transform: translate(44.85255vw, 100vh) scale(0.908);

  }

}

.snow:nth-child(192) {

  opacity: 0.6487;

  transform: translate(24.2446vw, -10px) scale(0.1596);

  animation: fall-192 26s -12s linear infinite;

}

@keyframes fall-192 {

  53.546% {

    transform: translate(27.9101vw, 53.546vh) scale(0.1596);

  }

  to {

    transform: translate(26.07735vw, 100vh) scale(0.1596);

  }

}

.snow:nth-child(193) {

  opacity: 0.4947;

  transform: translate(77.5821vw, -10px) scale(0.4939);

  animation: fall-193 26s -21s linear infinite;

}

@keyframes fall-193 {

  32.64% {

    transform: translate(67.8893vw, 32.64vh) scale(0.4939);

  }

  to {

    transform: translate(72.7357vw, 100vh) scale(0.4939);

  }

}

.snow:nth-child(194) {

  opacity: 0.4937;

  transform: translate(77.5242vw, -10px) scale(0.4248);

  animation: fall-194 23s -2s linear infinite;

}

@keyframes fall-194 {

  38.991% {

    transform: translate(85.5962vw, 38.991vh) scale(0.4248);

  }

  to {

    transform: translate(81.5602vw, 100vh) scale(0.4248);

  }

}

.snow:nth-child(195) {

  opacity: 0.6441;

  transform: translate(26.5339vw, -10px) scale(0.8023);

  animation: fall-195 20s -2s linear infinite;

}

@keyframes fall-195 {

  35.873% {

    transform: translate(29.3154vw, 35.873vh) scale(0.8023);

  }

  to {

    transform: translate(27.92465vw, 100vh) scale(0.8023);

  }

}

.snow:nth-child(196) {

  opacity: 0.2575;

  transform: translate(89.8054vw, -10px) scale(0.8414);

  animation: fall-196 20s -4s linear infinite;

}

@keyframes fall-196 {

  79.411% {

    transform: translate(94.9109vw, 79.411vh) scale(0.8414);

  }

  to {

    transform: translate(92.35815vw, 100vh) scale(0.8414);

  }

}

.snow:nth-child(197) {

  opacity: 0.8666;

  transform: translate(54.0786vw, -10px) scale(0.0218);

  animation: fall-197 27s -10s linear infinite;

}

@keyframes fall-197 {

  38.416% {

    transform: translate(58.6364vw, 38.416vh) scale(0.0218);

  }

  to {

    transform: translate(56.3575vw, 100vh) scale(0.0218);

  }

}

.snow:nth-child(198) {

  opacity: 0.8157;

  transform: translate(79.1057vw, -10px) scale(0.2618);

  animation: fall-198 29s -5s linear infinite;

}

@keyframes fall-198 {

  73.794% {

    transform: translate(69.2822vw, 73.794vh) scale(0.2618);

  }

  to {

    transform: translate(74.19395vw, 100vh) scale(0.2618);

  }

}

.snow:nth-child(199) {

  opacity: 0.7592;

  transform: translate(54.9737vw, -10px) scale(0.3643);

  animation: fall-199 11s -8s linear infinite;

}

@keyframes fall-199 {

  79.748% {

    transform: translate(45.66vw, 79.748vh) scale(0.3643);

  }

  to {

    transform: translate(50.31685vw, 100vh) scale(0.3643);

  }

}

.snow:nth-child(200) {

  opacity: 0.3893;

  transform: translate(94.2311vw, -10px) scale(0.7885);

  animation: fall-200 29s -27s linear infinite;

}

@keyframes fall-200 {

  70.253% {

    transform: translate(100.4393vw, 70.253vh) scale(0.7885);

  }

  to {

    transform: translate(97.3352vw, 100vh) scale(0.7885);

  }

}