.barba-leave-active,
.barba-enter-active {
  -webkit-transition: all 650ms ease;
  transition: all 650ms ease;
}

.barba-leave {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.barba-enter {
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.barba-leave-to {
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.barba-enter-to {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .barba-leave {
    -webkit-filter: blur(0.04px);
            filter: blur(0.04px);
  }
  .barba-enter-to {
    -webkit-filter: blur(0.04px);
            filter: blur(0.04px);
  }
}