@charset "UTF-8";

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
  animation-duration: .69s;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: .69s;
  transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
  animation-duration: .69s;
  transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: .69s;
  transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
}

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    filter: blur(39px);
    transform: scale(.69);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-duration: .81s;
  transition-timing-function: cubic-bezier(0.18,0.89,0.32,1.27);
  animation-fill-mode: both;
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(3000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-20px);
  }
  75% {
    transform: translateY(10px);
  }
  90% {
    transform: translateY(-5px);
  }
  100% {
    transform: none;
  }
}

.bounceInUp {
  animation-name: bounceInUp;
  transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
}

@keyframes shine {
  from {
    background-position: 0% center;
  }
  to {
    background-position: 200% center;
  }
}

.shine {
  background: linear-gradient(
    135deg,
    #f77995 20%,
    #e14e65 40%,
    #e14e65 60%,
    #f77995 80%
  );
  background-size: 200% auto;
  text-align: left;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: shine 6.9s cubic-bezier(0.77,0,0.18,1) 2;
  animation-direction: alternate;
  display: inline-block;
}