/* ===============================
   PAGE TRANSITION (SAFE VERSION)
   =============================== */

/* Base reset */
html, body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  overflow-x: hidden;
}

/* Wrapper */
.page-transition-wrapper {
  width: 100%;
  min-height: 100%;
  background-color: #ffffff;

  /* animation */
  opacity: 0;
  transition: opacity 0.45s ease;

  /* important: NO transform here */
}

/* Loaded state */
.page-transition-wrapper.loaded {
  opacity: 1;
}