/* Page Content Fade Animations */

@keyframes page-content-fade {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

.page-flipping .page-content {
  animation: page-content-fade 0.6s ease;
}

.page-flipping-backward .page-content {
  animation: page-content-fade 0.8s ease;
}