[data-barba="wrapper"] {
  position: relative;
}

[data-barba="container"] {
  transition: opacity 0.3s ease-in-out;
}


.barba-leave {
  opacity: 1;
}

.barba-leave-active {
  opacity: 0;
}

.barba-leave-to {
  opacity: 0;
}


.barba-enter {
  opacity: 0;
}

.barba-enter-active {
  opacity: 1;
}

.barba-enter-to {
  opacity: 1;
}


body.is-transitioning {
  overflow: hidden;
}



.barba-leave-active {
  transform: scale(0.98);
  opacity: 0;
}

.barba-enter {
  transform: scale(1.02);
  opacity: 0;
}

.barba-enter-active {
  transform: scale(1);
  opacity: 1;
}