@keyframes cloudsMove{
    0% {
        transform: translateX(-95vw);
    } 100% {
        transform: translateX(133vw);
    }
}

@keyframes door-hovering-right {
    0% {
      transform: scaleX(-1) translateX(0);
    }
    50% {
      transform: scaleX(-1) translateX(-5.8333%);
    }
    75% {
      transform: scaleX(-1) translateX(-4.1667%);
    }
    85%{
        transform: scaleX(-1) translateX(-4.1667%); 
    }
    100%{
        transform: scaleX(-1) translateX(0);
    }
  }

  @keyframes door-hovering-left {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-5.8333%);
    }
    75% {
      transform: translateX();
    }
    85%{
        transform: translateX(-4.1667%); 
    }
    100%{
        transform: translateX(0);
    }
  }

  @keyframes door-closing-right {
    0% {
      transform: scaleX(-1) translateX(0);
    }
    50% {
      transform: scaleX(-1) translateX(3.3333%);
    }
    75% {
      transform: scaleX(-1) translateX(-0.8%);
    }
    85%{
        transform: scaleX(-1) translateX(-0.8%); 
    }
    100%{
        transform: scaleX(-1) translateX(0);
    }
  }

  @keyframes door-closing-left {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(3.3333%);
    }
    75% {
      transform: translateX(-0.8%);
    }
    85%{
        transform: translateX(-0.8%); 
    }
    100%{
        transform: translateX(0);
    }
  }

  @keyframes rotateTips {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(4deg);
    } 50% {
      transform: rotate(-3deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  @keyframes rotateTipsBack {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(3deg);
    } 50% {
      transform: rotate(-2deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  @keyframes flickerOff {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
      text-shadow:
      0 0 3px #ffdff8,
      0 0 7px #ffdff8,
      0 0 12px #ffdff8,
      0 0 12px #E0618F,
      0 0 13px #E0618F,
      0 0 15px #E0618F,
      0 0 22px #E0618F,
      0 0 25px #E0618F
    }
    20%, 24%, 55% {       
      text-shadow: none;
    }
  }

  @keyframes flickerOn {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
      text-shadow:
      0 0 3px #cfffd8,
      0 0 7px #cfffd8,
      0 0 12px #cfffd8,
      0 0 12px #72C95C,
      0 0 13px #72C95C,
      0 0 15px #72C95C,
      0 0 22px #72C95C,
      0 0 25px #72C95C;
    }
    20%, 24%, 55% {       
      text-shadow: none;
    }
  }

  @keyframes shakeLeafsFront {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(2deg);
    } 50% {
      transform: rotate(-3deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  @keyframes shakeLeafsOthers {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(4deg);
    } 50% {
      transform: rotate(-5deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  @keyframes Panda1 {
    0% {
      bottom: -40%;
    } 10% {
      bottom: 0;
    } 25% {
      bottom: 0;
    } 100% {
      bottom: -40%;
    }
  }

  @keyframes Panda2 {
    0% {
      bottom: 30%;
      left: 20%;
    } 10% {
      bottom: 0;
      left: 0;
    } 25% {
      bottom: 0;
      left: 0;
    } 100% {
      bottom: 30%;
      left: 20%;
    }
  }

  @keyframes Panda3 {
    0% {
      transform: rotate(-30deg);
    } 10% {
      transform: rotate(0);
    } 25% {
      transform: rotate(0);
    } 100% {
      transform: rotate(-30deg);
    }
  }