@media (prefers-reduced-motion: no-preference) {
  body {
    animation: ceramelterz-page-enter 180ms ease-out both;
  }

  .page-transition-cover {
    position: fixed;
    z-index: 9999;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: #082b42;
    transition: opacity 180ms ease-in;
  }

  body.page-leaving .page-transition-cover {
    opacity: 1;
  }
}

@keyframes ceramelterz-page-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}