@keyframes fade-in-container {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: .8;
    transform: translateY(0);
  }
}

@keyframes fade-in-footer {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: .8;
    transform: translateY(0);
  }
}

@keyframes fade-in-profile {
  0% {
    opacity: 0;
    transform: translateY(-500px);

    box-shadow: 0 0 10rem 1rem #181926;
  }
  50% {
    box-shadow: 0 0 10rem 2rem #181926;
  }
  100% {
    opacity: 1;
    transform: translateY(0);

    box-shadow: 0 0 10rem 3.5rem #181926;
  }
}

/* Background gradient effect */
@-webkit-keyframes backgroundGradient {
  0%{background-position:50% 0%}
  50%{background-position:50% 100%}
  100%{background-position:50% 0%}
}
@-moz-keyframes backgroundGradient {
  0%{background-position:50% 0%}
  50%{background-position:50% 100%}
  100%{background-position:50% 0%}
}
@keyframes backgroundGradient {
  0%{background-position:50% 0%}
  50%{background-position:50% 100%}
  100%{background-position:50% 0%}
}