@charset "utf-8";


* {

  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body { 

overflow-x:hidden;
background-color:#000;
}

.snow,
.snow::before,
.snow::after {

  content: "";


  background: 
    radial-gradient(3px 3px at 100px 50px, #fff, transparent),
    radial-gradient(4px 4px at 200px 150px, #fff, transparent),
    radial-gradient(5px 5px at 300px 80px, #fff, transparent),
    radial-gradient(6px 6px at 400px 130px, #fff, transparent),
    radial-gradient(3px 3px at 540px 480px, #fff, transparent),
    radial-gradient(4px 4px at 50px 230px, #fff, transparent),
    radial-gradient(5px 5px at 120px 680px, #fff, transparent),
    radial-gradient(6px 6px at 223px 430px, #fff, transparent),
    radial-gradient(3px 3px at 700px 300px, #fff, transparent),
    radial-gradient(4px 4px at 760px 550px, #fff, transparent),
    radial-gradient(5px 5px at 550px 280px, #fff, transparent),
    radial-gradient(6px 6px at 650px 630px, #fff, transparent),
	
	
radial-gradient(3px 3px at 593px 286px, white 50%, rgba(0, 0, 0, 0)),
radial-gradient( 6px 6px at 255px 543px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0) ),
radial-gradient( 5px 5px at 50px 443px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0) ),
radial-gradient( 5px 5px at 23px 71px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0) ),
radial-gradient( 3px 3px at 182px 435px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0) ),
radial-gradient( 4px 4px at 155px 384px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0) ),
radial-gradient( 5px 5px at 160px 594px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0) ),
radial-gradient(5px 5px at 213px 144px, white 50%, rgba(0, 0, 0, 0)),
radial-gradient( 3px 3px at 533px 373px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0) );
	
	
	

  background-size: 800px 800px;


  position: absolute;

  inset: -800px 0 0 0;


  animation: animate 20s linear infinite;
}
.snow::before {

  margin: -390px;

  opacity: 0.6;


  animation-duration: 20s;
  animation-delay: -1.5s;
}
.snow::after {

  margin: -130px;
  opacity: 0.8;

  animation-duration: 20s;
}

@keyframes animate {
  0% {
    transform: translateY(0);
  }
  100% {

    transform: translateY(800px);
  }
}