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

.thanksgiving .app-location,
.thanksgiving .copyright {
  color: #fff !important;
}

body.login.thanksgiving:before {
  content: '';
  display: block;
  font-family: Androgyne;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),
    url('/rsp/images/leaf-1.png'), url('/rsp/images/leaf-2.png'), url('/rsp/images/leaf-1.png');
  pointer-events: none;
  /*-webkit-animation: leaves 10s linear infinite;
    -moz-animation: leaves 10s linear infinite;
    -ms-animation: leaves 10s linear infinite;
    animation: leaves 10s linear infinite;*/
}

@keyframes leaves {
  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 leaves {
  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 leaves {
  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 leaves {
  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;
  }
}