.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);
    }
  }