/* transitions.css */

.page-transition {
    transition: all 0.5s ease-in-out;
  }
  
  .page-transition.out {
    opacity: 0;
    transform: translateX(-100%);
  }
  
  .page-transition.in {
    opacity: 1;
    transform: translateX(0);
  }