.slowRotateBird {
    animation: rotateBird 1s infinite;
}

@keyframes rotateBird {
    0% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(5deg);
    }
    60% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.floatingBird {
    animation: floatBird 3s ease-out infinite;
}

@keyframes floatBird {
    50% {
       transform: translate(0, -20px);
    }
}

.compressingBird {
    animation: compressBird 3s infinite;
}

@keyframes compressBird {
    0% {
        transform: scaleY(0);
    }
    30% {
        transform: scaleY(1.3);
    }
    60% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0);
    }
}

.upperSpeakingBird {
    animation: upperSpeakBird 1s infinite;
}

@keyframes upperSpeakBird {
 
    50% {
        transform: rotate(-90deg) skewY(20deg) scale(1.5, 2.7);
    }
}

.lowerSpeakingBird {
    animation: lowerSpeakBird 1s infinite;
}

@keyframes lowerSpeakBird {
 
    50% {
        transform: rotate(135deg) skewY(20deg) scale(1.5, 1.5) translateX(-0.9em) translateY(-0.5em);
        top: 23em;
        left: 28em;
    }
}

.topWaggingTail {
    animation: topWagTail 1s infinite;
}

@keyframes topWagTail {
 
    50% {
        transform: rotate(60deg);
    }
}

.middleWaggingTail {
    animation: middleWagTail 1s infinite;
}

@keyframes middleWagTail {
 
    50% {
        transform: rotate(20deg) scale(1.1);
    }
}

.bottomWaggingTail {
    animation: bottomWagTail 1s infinite;
}

@keyframes bottomWagTail {
 
    50% {
        transform: rotate(-50deg);
    }
}

.topAttention {
    animation: tAttention 6s infinite;
}

@keyframes tAttention {
 
    90% {
        transform: rotate(60deg);
    }
}

.bottomAttention {
    animation: bAttention 6s infinite;
}

@keyframes bAttention {
 
    90% {
        transform: rotate(50deg);
    }
}

.evolvingHeart {
    animation: evolveHeart 6s infinite;
}

@keyframes evolveHeart {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(0);
    }
}

.jello {
    animation: jello 2s ease 0s infinite normal forwards;
}

@keyframes jello {
    0% {
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      transform: scale3d(0.95, 1.05, 1);
    }
  
    75% {
      transform: scale3d(1.05, 0.95, 1);
    }
  
    100% {
      transform: scale3d(1, 1, 1);
    }
  }

  .heartbeat {
    animation: heartbeat 2s ease 0s infinite normal forwards;
  }

  @keyframes heartbeat {
    0% {
      animation-timing-function: ease-out;
      transform: scale(1);
      transform-origin: center center;
    }
  
    10% {
      animation-timing-function: ease-in;
      transform: scale(0.91);
    }
  
    17% {
      animation-timing-function: ease-out;
      transform: scale(0.98);
    }
  
    33% {
      animation-timing-function: ease-in;
      transform: scale(0.87);
    }
  
    45% {
      animation-timing-function: ease-out;
      transform: scale(1);
    }
  }

  .swing {
      animation:swing 2s ease 0s infinite normal forwards;
  }

  @keyframes swing {
    0%,
    100% {
      transform: rotate(0deg);
      transform-origin: 50% 0;
    }
  
    10% {
      transform: rotate(2deg);
    }
  
    20%,
    40%,
    60% {
      transform: rotate(-4deg);
    }
  
    30%,
    50%,
    70% {
      transform: rotate(4deg);
    }
  
    80% {
      transform: rotate(-2deg);
    }
  
    90% {
      transform: rotate(2deg);
    }
  }

  .wobble {
    animation: wobble 2s ease 0s infinite normal forwards;
  }

  @keyframes wobble {
    0%,
    100% {
      transform: translateX(0%);
      transform-origin: 50% 50%;
    }
  
    15% {
      transform: translateX(-30px) rotate(-6deg);
    }
  
    30% {
      transform: translateX(15px) rotate(6deg);
    }
  
    45% {
      transform: translateX(-15px) rotate(-3.6deg);
    }
  
    60% {
      transform: translateX(9px) rotate(2.4deg);
    }
  
    75% {
      transform: translateX(-6px) rotate(-1.2deg);
    }
  }

  .bounce {
    animation: bounce 2s ease 0s infinite normal forwards;
  }

  @keyframes bounce {
    0% {
      animation-timing-function: ease-in;
      opacity: 1;
      transform: translateY(-45px);
    }
  
    24% {
      opacity: 1;
    }
  
    40% {
      animation-timing-function: ease-in;
      transform: translateY(-24px);
    }
  
    65% {
      animation-timing-function: ease-in;
      transform: translateY(-12px);
    }
  
    82% {
      animation-timing-function: ease-in;
      transform: translateY(-6px);
    }
  
    93% {
      animation-timing-function: ease-in;
      transform: translateY(-4px);
    }
  
    25%,
    55%,
    75%,
    87% {
      animation-timing-function: ease-out;
      transform: translateY(0px);
    }
  
    100% {
      animation-timing-function: ease-out;
      opacity: 1;
      transform: translateY(0px);
    }
  }

  .vibrate{
    animation: vibrate 2s ease 0s infinite normal forwards;
  }

  @keyframes vibrate {
    0% {
      transform: translate(0);
    }
  
    20% {
      transform: translate(2px, -2px);
    }
  
    40% {
      transform: translate(2px, 2px);
    }
  
    60% {
      transform: translate(-2px, 2px);
    }
  
    80% {
      transform: translate(-2px, -2px);
    }
  
    100% {
      transform: translate(0);
    }
  }

  /*@keyframes rotate-scale-down-diag-1 {
    0% {
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    20% {
      -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
              transform: scale(1) rotate3d(1, 1, 0, 0deg);
    }
    50% {
      -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
              transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
    }
    100% {
      -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
              transform: scale(1) rotate3d(1, 1, 0, -360deg);
    }
  }
  
@keyframes rotate-hor-center {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
  }
}
@keyframes rotate-diagonal-1 {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
            transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
            transform: rotate3d(1, 1, 0, -360deg);
  }
}

.rotate-diagonal-1 {
	-webkit-animation: rotate-diagonal-1 0.4s linear both;
	        animation: rotate-diagonal-1 0.4s linear both;
}

.rotate-hor-center {
	-webkit-animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.rotate-scale-down-diag-1 {
	-webkit-animation: rotate-scale-down-diag-1 1s linear both;
	        animation: rotate-scale-down-diag-1 1s linear both;
}

.roll-in-right {
	-webkit-animation: roll-in-right 0.6s ease-out both;
	        animation: roll-in-right 0.6s ease-out both;
}

@keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
            transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

@keyframes jump {
  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
  40%  {transform: translate3d(0,10%,0) scale3d(.5,1.2,1);}
  100% {transform: translate3d(0,50%,0) scale3d(1.2,.5,1);}
}
.jump {
  transform-origin: 50% 50%;
  animation: jump .5s linear alternate infinite;
}
.bounce-jump {
  animation: bounce 3s, move 1s;
}
@keyframes bounce{
  50% {
      left:15%;
  }
  100% {
    left:0%;
  }
}

@keyframes move {
  50% {
      bottom: 20%;
  }
  100% {
      bottom: 0;
  }
}*/