.page-content {
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .page-content.slide-out-left  { transform: translateX(-100%); opacity: 0.6; }
    .page-content.slide-out-right { transform: translateX(100%);  opacity: 0.6; }

    .page-content.slide-in-from-right  { transform: translateX(100%);  opacity: 0.6; transition: none; }
    .page-content.slide-in-from-left   { transform: translateX(-100%); opacity: 0.6; transition: none; }
    .page-content.slide-in-from-bottom { transform: translateY(100%);  opacity: 0.6; transition: none; }

    .page-content.slide-in-active { transform: translate(0, 0); opacity: 1; }