@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(69px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-duration: 1.51s;
  transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  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 {
  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;
  -webkit-text-fill-color: transparent;
  animation: shine 3.9s cubic-bezier(0.37, 0, 0.63, 1) 2;
  animation-direction: alternate;
}


