.snow {
  background: url(/rsp/images/snow-background.jpg);
}

.snow .app-location,
.snow .copyright {
  background-color: rgba(255, 255, 255, 0.35);
  color: #666 !important;
}

body.login.snow:before {
  content: '';
  z-index: 99999;
  display: block;
  font-family: Androgyne;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url('/rsp/images/snowflake-1.png'), url('/rsp/images/snowflake-2.png'),
    url('/rsp/images/snowflake-3.png');
  pointer-events: none;
  /*-webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;*/
}

body.login.snow .login-container:before {
  content: '';
  z-index: 99999;
  display: block;
  position: absolute;
  left: 0;
  top: -55px;
  height: 100px;
  width: 100px;
  background-image: url(/rsp/images/holly.png);
  background-repeat: no-repeat;
  background-size: 100px;
  pointer-events: none;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 400px 1000px, 200px 400px, 100px 300px;
  }
}
@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}