@keyframes MoveNuvem {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(-20px);
  }

  100% {
    transform: translateY(0px);
  }
}

.nuvem-left-right {
  animation: MoveNuvem 5s infinite;
}
/* Pulse:
Esta animação faz o elemento crescer e encolher suavemente, dando a sensação de pulsar.
*/
@keyframes pulseScale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.pulseScale {
  animation: pulseScale 5s infinite;
}

/* Pulse:
Esta animação faz o elemento crescer e encolher suavemente no hover, dando a sensação de pulsar.
*/
@keyframes AumentarScale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.AumentarScale:hover {
  animation: AumentarScale 2s infinite;
}

/* Rotate:
Esta animação faz o elemento girar continuamente.
*/
@keyframes rotate180 {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.rotate180g {
  animation: rotate180 4s linear infinite;
}

@keyframes rotateTrofeu {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.rotateTrofeu {
  animation: rotateTrofeu 4s cubic-bezier(0.63, 0.3, 0.24, 0.36) infinite;
}

@keyframes rotateCometaLeft {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.rotateCometaLeft {
  animation: rotateCometaLeft 4s linear infinite;
}

@keyframes rotateCometaRight {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.rotateCometaRight {
  animation: rotateCometaRight 4s linear infinite;
}

/*Slide:
Esta animação move o elemento para a esquerda e depois para cima o traz de volta para a direita.
*/
@keyframes slideLeftTOP {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-20px);
  }

  75% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0px);
  }
}

.movetoLeftTop {
  animation: slideLeftTOP 3s ease-in-out infinite;
}

@keyframes slideRightTOP {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20px);
  }

  75% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

.movetoRightTOP {
  animation: slideRightTOP 3s ease-in-out infinite;
}

/*Slide:
Esta animação move o elemento para a direita e depois o traz de volta para a esquerda.
*/
@keyframes slideRight {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20px);
  }

  100% {
    transform: translateX(0px);
  }
}

.movetoRight {
  animation: slideRight 3s ease-in-out infinite;
}

/*Slide:
Esta animação move o elemento para a direita e depois o traz de volta para a esquerda.
*/
@keyframes movetoRightBottom {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(20px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateX(0px);
  }
}

.movetoRightBottom {
  animation: movetoRightBottom 3s ease-in-out infinite;
}

@keyframes movetoTopBottom {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(20px);
  }

  50% {
    transform: translateY(40px);
  }

  100% {
    transform: translateY(0px);
  }
}

.movetoTopBottom {
  animation: movetoTopBottom 3s ease-in-out infinite;
}

@keyframes movetoBottomTop {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

.movetoBottomTop {
  animation: movetoBottomTop 3s ease-in-out infinite;
}

/*Bounce:
Esta animação faz o elemento saltar no lugar.
*/
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

.Bounce {
  animation: bounce 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

/*Bounce:
Esta animação faz o elemento saltar no lugar.
*/
@keyframes moveLeftTopBottom {
  0% {
    transform: translateX(0px);
  }

  25% {
    transform: translateX(-20px);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes PulseShield {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 0;
  }
}

.pulse-shild {
  animation: PulseShield 5s infinite;
}
.moveLeftTopBottom {
  animation: moveLeftTopBottom 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.animation-dr-1s {
  animation-duration: 1s !important;
}

.animation-dr-2s {
  animation-duration: 2s !important;
}

.animation-dr-3s {
  animation-duration: 3s !important;
}

.animation-dr-4s {
  animation-duration: 4s !important;
}

.animation-dr-5s {
  animation-duration: 5s !important;
}

.animation-dr-6s {
  animation-duration: 6s !important;
}

.animation-dr-7s {
  animation-duration: 7s !important;
}

.animation-dr-8s {
  animation-duration: 8s !important;
}

.animation-dr-9s {
  animation-duration: 9s !important;
}

.animation-dr-10s {
  animation-duration: 10s !important;
}