#mainLogo {
    position: relative;
    top: 14px;
    left: calc(50% - ( var(--sidebar-width (519px/2))));

    opacity: 0%;

    width: 100%;
    max-width: 519px;
    max-height: 100%;
}

#mainLogo.animate {
    animation-name: showLogo;
    animation-timing-function: ease-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#mainIndex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

#mainContentIndex {
    justify-items: center;

    text-transform: uppercase;
    font-family: monospace;
    font-size: 18px;
}