.hiddenBehindGallery {
    transition: opacity 1s;
}

#gallery {
    position: absolute;
    width: 100vw;
    height: 100vh;

    visibility: hidden;
    opacity: 0%;
    transition: opacity 200ms ease-out;

    overflow-y: scroll;
}

#gallery-menu {
    position: fixed;
}

.gallery-element {
    width: 60vw;
    margin-left: 20vw;
    margin-top: 5vh;
    background-color: var(--background-default);
    border: 4px solid var(--border-default);
}

.gallery-element img::after {
    padding: 0;
}

.i-full {
    width: 60vw;
}

.i-half {
    display: inline-block;
    width: 30vw;
    margin-top: -6px;
}

.i-half:first-of-type,
.i-half:nth-of-type(2) {
    margin-top: 0;
}

.i-half:nth-of-type(2n) {
    margin-left: -4px;
}

.gallery-description {
    margin-top: -6px;
    width: 100%;
    display: inline-block;
    font-size: 2rem;
    color: var(--text-default);
    text-shadow: 4px 4px 1px var(--text-shadow);
    box-shadow: -4px -4px 0px var(--border-shadow-dark) inset, 4px 4px 0px var(--border-shadow-dark) inset;
    background-color: var(--background-dark);
    user-select: none;
}

.gallery-description span {
    width: calc(100% - 16px);
    display: inline-block;
    padding: 0 8px 0 8px;
    transform: translateY(8px);
}

#galleryBackButton {
    position: absolute;
    top: 4px;
    left: 4px;
}