html,body {
	margin:0;
	padding:0;
}


.snow {
  position: absolute;
  overflow: hidden;
  min-width: 50vw;
  min-height: 60vh;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;

}

.snow2 {
  position: absolute;
  overflow: hidden;
  min-width: 50vw;
  min-height: 60vh;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
    z-index: -1;

}

.snow .svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

#snow-top-layer {
  will-change: transform;
  -webkit-transform: translateY(-768px);
          transform: translateY(-768px);
  -webkit-animation: fall 22.5s infinite linear;
          animation: fall 22.5s infinite linear;
}

#snow-bottom-layer {
  will-change: transform;
  -webkit-transform: translateY(-768px);
          transform: translateY(-768px);
  -webkit-animation: fall 45s infinite linear;
          animation: fall 45s infinite linear;
}

@-webkit-keyframes fall {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fall {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}