.snowflake {
  position: absolute;
  display: block;
  position: absolute;
  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;*/
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  background-repeat: no-repeat;
  background-size: cover;
  /*background-image: -webkit-radial-gradient( center, circle farthest-corner, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100% );
  background-image: -moz-radial-gradient( center, circle farthest-corner, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100% );
  background-image: -ms-radial-gradient( center, circle farthest-corner, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100% );
  background-image: radial-gradient( center, circle farthest-corner, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100% );*/
  pointer-events: none;
}

.snowflake.flake {
    background-image: url('./snowflake-1.svg');
}

.snowflake.ring {
  background-image: url('./snowflake-2.svg');
}

.snowflake.test {
  background-image: url('./snowflake-3.svg');
}
.snowflake.testa {
  background-image: url('./snowflake-4.svg');
}

#snow {
  position: fixed;
  pointer-events: none;
  user-select: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
}