/* Animations */
.fade-in {
    opacity: 0;
    transition: opacity 650ms ease-in;
  }
  
  .fade-in.appear {
    opacity: 1;
  }
  
  .from-bottom {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }
  
  .from-left {
    grid-column: 2 / 3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .from-right {
    grid-column: 3 / 4;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }