body[data-load="false"] #site-title,
body[data-load="false"] #langs,
body[data-load="false"] #menu,
body[data-load="false"] main {opacity: 0 !important;}




/* 
CREDITS
*/
#credits {
    padding: 4rem 1rem;
    overflow-y: auto;
    transition: none !important;
    z-index: 100;
}
#credits[data-show="hide"] {display: none !important;}
@media only screen and (min-width: 768px) {
    #credits {padding: 25vh 1rem;}
}

#credits .--bg {
    background: var(--c-white);
    opacity: .95;
}

#credits article {
    min-height: fit-content;
    z-index: 10;
}

#credits a {
    margin: 0 auto;
    width: fit-content;
}

#credits img {
    margin: 6rem 0;
    max-width: 60rem;
    mix-blend-mode: multiply;
}



/* 
SITE TITLE
*/
#site-title {
    top: 50vh;
    right: 2rem;
    left: 2rem;
    transform: translateY(-50%);
    opacity: .15;
    transition: none !important;
    z-index: 10;
}
@media only screen and (min-width: 768px) {
    #site-title {
        right: 4rem;
        left: 4rem;
    }
}
@media only screen and (min-width: 1096px) {
    body[data-template="home"] #site-title {
        left: calc(50vw + 2.5rem);
        right: 2rem;
        opacity: 1;
    }

    body:not([data-template="home"]) #site-title {
        right: calc(50vw + 2.5rem);
        left: 2rem;
    }
}




/* 
LANGS
*/
#langs {
    top: 1rem;
    right: 1rem;
    z-index: 60;
    column-gap: 1rem;
}
@media only screen and (min-width: 1096px) {
    #langs {right: calc(50vw + 1.5rem);}
}




/* 
INTRO
*/
.page-intro {transform: translateY(6px);}




@media (hover: hover) {
    #langs a:hover {opacity: 1 !important;}
}