#content {
    left: 0;
    width: 100vw;
    background-color: var(--background-color);
}

#content[data-route='/journal'],
#content[data-route='/'] {
    min-height: 100vh;
}

.fade-exit:not([data-route='/']) {
    position: absolute;
    left: 0;
    top: 0;
}

.fade-exit:not([data-route='/']) {
    top: var(--header-height);
}

.fade-enter {
    opacity: 0;
    z-index: 1;
}

.fade-enter.fade-enter-active {
    opacity: 1;
    transition: opacity var(--page-in-transition) cubic-bezier(0.5, 0, 0.32, 1)
        calc((var(--page-out-transition) + var(--page-delay-gap)));
}

.fade-exit {
    opacity: 1;
}

.fade-exit.fade-exit-active {
    opacity: 0;
    transition: opacity var(--page-out-transition) cubic-bezier(0.5, 0, 0.32, 1);
}

.fade-exit .fadeIn > *,
.fade-exit .fadeInWithDelay > *,
.fade-exit .fadeInWithLongDelay > *,
.fade-exit .fadeUp > *,
/* .fade-exit .slideFromRightWithDelay > *, */
.fade-exit .info-bg,
.fade-exit .project-card,
.fade-exit .project-detail {
    -webkit-animation: fadeOut calc((var(--page-out-transition)) * 0.9) cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: fadeOut calc((var(--page-out-transition)) * 0.9) cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.fade-exit .fadeInSyncImage > * {
    opacity: 0;
    transition: opacity calc((var(--page-out-transition)) * 0.9);
}

.fade-exit .slideUp > *
.dafeexit .slideUpShort > *,
.fade-exit .slideUpWithDelay > *,
.fade-exit .slideUpWithLongDelay > * {
    -webkit-animation: slideLeaveDown calc((var(--page-out-transition)) * 0.9) cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideLeaveDown calc((var(--page-out-transition)) * 0.9) cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.fade-exit .slideDown > *,
.fade-exit .slideDownFast > *,
.fade-exit .slideDownWithDelay > * {
    -webkit-animation: slideLeaveUp calc((var(--page-out-transition)) * 0.9) cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideLeaveUp calc((var(--page-out-transition)) * 0.9) cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.fade-exit .slideDownWithDelay > * {
    transform: translateY(0%);
}