@charset "utf-8";
/* CSS Document */

.snow {
  /*雪の色*/
  color: snow;
  /*雪の大きさ*/
  font-size: 5px;
  /*初期位置*/
  position: fixed;
  top: -5%;
  /*雪を適当な幅で降らせる*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  15vw  -450px 6px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  50vw  -260px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 7px,
  94vw  -170px 6px;
  /*1つめの雪*/
  animation: roll 10s linear infinite;
}
  /*2つめの雪*/
.snow2nd{animation: secsnow 15s linear infinite;}
  /*3つめの雪*/
.snow3rd{animation: thirdsnow 20s linear infinite;}

@keyframes roll {
	0% {transform:rotate(0deg);}
	90% {opacity:1;}
	100% {transform:rotate(20deg);top:100%;opacity:0;}
}
@keyframes secsnow {
	100% {color:transparent;top:150%;}
}
@keyframes thirdsnow {
	0% {transform:rotate(0deg);}
	90% {opacity:1;}
	100% {transform:rotate(10deg);color:transparent;top:110%;;opacity:0;}
}