/* Navbar Hamburger */
.nav-active {
  transform: translateX(0%);
}

@keyframes nav-fade {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

.burger-toggle .burger-line-1 {
  transform: rotate(-45deg) translate(-5px, 6px);
}
.burger-toggle .burger-line-2 {
  opacity: 0;
}
.burger-toggle .burger-line-3 {
  transform: rotate(45deg) translate(-5px, -6px);
}

/* Moving Text */
@keyframes float-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
  }
  to {
    opacity: 100;
  }
}

@keyframes slide-right {
  from {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
  }
  to {
    opacity: 100;
  }
}

@keyframes slide-left {
  from {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
  }
  to {
    opacity: 100;
  }
}

/* Timeline */
@keyframes moveline {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}