/* Body */
.fade-in {
    animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* Header */
.scale-in-hor-left {
    animation: scale-in-hor-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
}

@keyframes scale-in-hor-left {
  0% {
    transform: scaleX(0);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

/* Logo */
.scale-in-center {
    animation: scale-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.85s both;
}

@keyframes scale-in-center {
  0% {
    transform: scale(0);
    filter: blur(12px);
    opacity: 0;
  }
  /*50% {
    opacity: 0.35;
  }
  75% {
    opacity: 0.5;
  }*/
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
  }
}


/* Nav */
.text-focus-in {
    animation: text-focus-in 0.9s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.nav-one {
    animation-delay: 0.7s;
}
.nav-two {
    animation-delay: 0.75s;
}
.nav-three {
    animation-delay: 0.8s;
}
.nav-four {
    animation-delay: 0.85s;
}
.nav-five {
    animation-delay: 0.9s;
}
.hero-text {
    animation-delay: 2.9s;
    animation-duration: 1s;    
}


@keyframes text-focus-in {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}

/*
.slide-in-bottom {
    animation: slide-in-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
*/

.fade-in-bottom {
    animation: fade-in-bottom 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}

.fade-in-bottom.section-one {
    animation-delay: 0.75s;
    animation-duration: 0.9s;
}
.fade-in-bottom.section-two {
    animation-delay: 1s;
    animation-duration: 0.7s;
}
.fade-in-bottom.section-three {
    animation-delay: 1.2s;
    animation-duration: 0.7s;
}
.fade-in-bottom.section-four {
    animation-delay: 1.3s;
    animation-duration: 0.8s;
}


@keyframes fade-in-bottom {
  0% {
    transform: translateY(85px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}