@-webkit-keyframes backBirds {

 50% {
  right: 30%;
  bottom: 35%;
  width: 10%;
 }

 100% {
  right: 110%;
  bottom: 50%;
  width: 8%;
 }
}

@keyframes backBirds {

 50% {
  right: 30%;
  bottom: 35%;
  width: 10%;
 }

 100% {
  right: 110%;
  bottom: 50%;
  width: 8%;
 }
}

@-webkit-keyframes frontBirds1 {
 0% {
  -webkit-transform: translateY(0) translateX(0);
          transform: translateY(0) translateX(0);
 }

 100% {
  -webkit-transform: translateY(0) translateX(600%);
          transform: translateY(0) translateX(600%);
 }
}

@keyframes frontBirds1 {
 0% {
  -webkit-transform: translateY(0) translateX(0);
          transform: translateY(0) translateX(0);
 }

 100% {
  -webkit-transform: translateY(0) translateX(600%);
          transform: translateY(0) translateX(600%);
 }
}

@-webkit-keyframes frontBirds2 {
 0% {
  -webkit-transform: translateY(0) translateX(0) scale(1.5);
          transform: translateY(0) translateX(0) scale(1.5);
 }

 100% {
  -webkit-transform: translateY(-600px) translateX(600%) scale(0.05);
          transform: translateY(-600px) translateX(600%) scale(0.05);
 }
}

@keyframes frontBirds2 {
 0% {
  -webkit-transform: translateY(0) translateX(0) scale(1.5);
          transform: translateY(0) translateX(0) scale(1.5);
 }

 100% {
  -webkit-transform: translateY(-600px) translateX(600%) scale(0.05);
          transform: translateY(-600px) translateX(600%) scale(0.05);
 }
}

@-webkit-keyframes boat {
 100% {
  -webkit-transform: translateX(-1500%) translateY(0) scale(40);
          transform: translateX(-1500%) translateY(0) scale(40);
 }
}

@keyframes boat {
 100% {
  -webkit-transform: translateX(-1500%) translateY(0) scale(40);
          transform: translateX(-1500%) translateY(0) scale(40);
 }
}

@-webkit-keyframes twig {
 100% {
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
 }
}

@keyframes twig {
 100% {
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
 }
}

@-webkit-keyframes sun {
 0% {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1);
  background-color: rgb(255, 174, 0);
  -webkit-box-shadow: 0 0 0 0 rgb(255, 174, 0);
          box-shadow: 0 0 0 0 rgb(255, 174, 0);
 }

 15% {
  -webkit-transform: translateX(320px) translateY(-350px) scale(0.9);
          transform: translateX(320px) translateY(-350px) scale(0.9);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 8px 8px rgb(250, 250, 189);
          box-shadow: 0 0 8px 8px rgb(250, 250, 189)
 }

 30% {
  -webkit-transform: translateX(640) translateY(-500px) scale(0.5);
          transform: translateX(640) translateY(-500px) scale(0.5);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 12px 12px rgb(250, 250, 189);
          box-shadow: 0 0 12px 12px rgb(250, 250, 189)
 }

 45% {
  -webkit-transform: translateX(960px) translateY(-520px) scale(0.5);
          transform: translateX(960px) translateY(-520px) scale(0.5);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 18px 18px rgb(250, 250, 189);
          box-shadow: 0 0 18px 18px rgb(250, 250, 189)
 }

 60% {
  -webkit-transform: translateX(1280px) translateY(-500px) scale(0.5);
          transform: translateX(1280px) translateY(-500px) scale(0.5);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 18px 18px rgb(250, 250, 189);
          box-shadow: 0 0 18px 18px rgb(250, 250, 189)
 }

 75% {
  -webkit-transform: translateX(1600px) translateY(-350px) scale(0.9);
          transform: translateX(1600px) translateY(-350px) scale(0.9);
  background-color: rgb(228, 86, 4);
  -webkit-box-shadow: 0 0 4px 4px rgb(228, 86, 4);
          box-shadow: 0 0 4px 4px rgb(228, 86, 4);
 }

 100% {
  -webkit-transform: translateX(1920px) translateY(0px) scale(1);
          transform: translateX(1920px) translateY(0px) scale(1);
  background-color: rgb(250, 1, 1);
 }
}

@keyframes sun {
 0% {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1);
  background-color: rgb(255, 174, 0);
  -webkit-box-shadow: 0 0 0 0 rgb(255, 174, 0);
          box-shadow: 0 0 0 0 rgb(255, 174, 0);
 }

 15% {
  -webkit-transform: translateX(320px) translateY(-350px) scale(0.9);
          transform: translateX(320px) translateY(-350px) scale(0.9);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 8px 8px rgb(250, 250, 189);
          box-shadow: 0 0 8px 8px rgb(250, 250, 189)
 }

 30% {
  -webkit-transform: translateX(640) translateY(-500px) scale(0.5);
          transform: translateX(640) translateY(-500px) scale(0.5);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 12px 12px rgb(250, 250, 189);
          box-shadow: 0 0 12px 12px rgb(250, 250, 189)
 }

 45% {
  -webkit-transform: translateX(960px) translateY(-520px) scale(0.5);
          transform: translateX(960px) translateY(-520px) scale(0.5);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 18px 18px rgb(250, 250, 189);
          box-shadow: 0 0 18px 18px rgb(250, 250, 189)
 }

 60% {
  -webkit-transform: translateX(1280px) translateY(-500px) scale(0.5);
          transform: translateX(1280px) translateY(-500px) scale(0.5);
  background-color: rgb(250, 250, 189);
  -webkit-box-shadow: 0 0 18px 18px rgb(250, 250, 189);
          box-shadow: 0 0 18px 18px rgb(250, 250, 189)
 }

 75% {
  -webkit-transform: translateX(1600px) translateY(-350px) scale(0.9);
          transform: translateX(1600px) translateY(-350px) scale(0.9);
  background-color: rgb(228, 86, 4);
  -webkit-box-shadow: 0 0 4px 4px rgb(228, 86, 4);
          box-shadow: 0 0 4px 4px rgb(228, 86, 4);
 }

 100% {
  -webkit-transform: translateX(1920px) translateY(0px) scale(1);
          transform: translateX(1920px) translateY(0px) scale(1);
  background-color: rgb(250, 1, 1);
 }
}

@-webkit-keyframes night {
 0% {
  background-color: rgba(0, 0, 0, 0.8);
 }

 15% {
  background-color: rgba(0, 0, 0, 0.3);
 }

 30% {
  background-color: transparent;
 }

 45% {
  background-color: transparent;
 }

 60% {
  background-color: transparent;
 }

 75% {
  background-color: rgba(0, 0, 0, 0.3);
 }

 100% {
  background-color: rgba(0, 0, 0, 0.8);
 }
}

@keyframes night {
 0% {
  background-color: rgba(0, 0, 0, 0.8);
 }

 15% {
  background-color: rgba(0, 0, 0, 0.3);
 }

 30% {
  background-color: transparent;
 }

 45% {
  background-color: transparent;
 }

 60% {
  background-color: transparent;
 }

 75% {
  background-color: rgba(0, 0, 0, 0.3);
 }

 100% {
  background-color: rgba(0, 0, 0, 0.8);
 }
}

@-webkit-keyframes light {
 0% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 15% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 30% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 45% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 60% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 75% {
  background-color: rgba(255, 255, 0, 0.8);
  -webkit-box-shadow: 0 0 4px 4px rgba(255, 255, 0, 0.8);
          box-shadow: 0 0 4px 4px rgba(255, 255, 0, 0.8);
  -webkit-transform: scale(1);
          transform: scale(1)
 }

 100% {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.8);
  -webkit-transform: scale(8);
          transform: scale(8);
  z-index: 202;
 }
}

@keyframes light {
 0% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 15% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 30% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 45% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 60% {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 0px transparent;
          box-shadow: 0 0 0px 0px transparent;
  -webkit-transform: scale(0);
          transform: scale(0)
 }

 75% {
  background-color: rgba(255, 255, 0, 0.8);
  -webkit-box-shadow: 0 0 4px 4px rgba(255, 255, 0, 0.8);
          box-shadow: 0 0 4px 4px rgba(255, 255, 0, 0.8);
  -webkit-transform: scale(1);
          transform: scale(1)
 }

 100% {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.8);
  -webkit-transform: scale(8);
          transform: scale(8);
  z-index: 202;
 }
}

@-webkit-keyframes clouds {
 0% {
  -webkit-transform: translate(0);
          transform: translate(0);
 }

 100% {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
 }
}

@keyframes clouds {
 0% {
  -webkit-transform: translate(0);
          transform: translate(0);
 }

 100% {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
 }
}