/* animations */

@keyframes slideDown {
  0% {
      transform: translate(0, -150px);
      opacity: 0;
  }
  100% {
      transform: translate(0, 0);
      opacity: 1;
  }
}
@-webkit-keyframes slideDown {
  0% {
      transform: translate(0, -150px);
      opacity: 0;
  }
  100% {
      transform: translate(0, 0);
      opacity: 1;
  }
}

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

  50% {
      opacity: .5;
  }

  100% {
      opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
  }

  50% {
      opacity: .5;
  }

  100% {
      opacity: 1
  }
}