:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__slower {
  animation-duration: calc(var(--animate-duration) * 3);
}

.animate__delay-1s { animation-delay: .2s; }
.animate__delay-2s { animation-delay: .4s; }
.animate__delay-3s { animation-delay: .6s; }
.animate__delay-4s { animation-delay: .8s; }
.animate__delay-5s { animation-delay: 1s; }
.animate__delay-6s { animation-delay: 1.2s; }

@keyframes animate-fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes animate-fadeInUp {
  from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes animate-fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes animate-zoomIn {
  from { opacity: 0; transform: scale3d(.3, .3, .3); }
  50% { opacity: 1; }
}

@keyframes animate-pulse {
  from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scale3d(1, 1, 1); }
}

@keyframes animate-heartBeat {
  0% { transform: scale(1); }
  14% { transform: scale(1.12); }
  28% { transform: scale(1); }
  42% { transform: scale(1.12); }
  70% { transform: scale(1); }
}

.animate__fadeInDown { animation-name: animate-fadeInDown; }
.animate__fadeInUp { animation-name: animate-fadeInUp; }
.animate__fadeInRight { animation-name: animate-fadeInRight; }
.animate__zoomIn { animation-name: animate-zoomIn; }
.animate__pulse { animation-name: animate-pulse; animation-timing-function: ease-in-out; }
.animate__heartBeat { animation-name: animate-heartBeat; animation-duration: calc(var(--animate-duration) * 1.3); animation-timing-function: ease-in-out; }