.library-access-overlay {
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0.85);
    position:fixed;
    z-index:100;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.5s;
}

.library-access-overlay-shown {
        top:0;
    left:0;
    opacity:1;
}
.library-access-overlay-hidden {
    top:-100vh;
    left:0;
    opacity:0;
}
.library-access-overlay-inside {
    width:100%;
    height:100%;
    background:var(--monoBack);
    display:grid;
    grid-template-columns:auto;
    align-items:center;
    justify-content:center;
    overflow-y:auto;
}
.library-access-overlay-exit {
    width:100%;
    display:block;
    background:var(--sitecolour);
    color:var(--siteinvert);
    text-align:right;
    padding:1em;
    transition:all 0.25s;
}
.library-access-overlay-exit:hover {
    color:var(--sitecolour);
    background:var(--siteinvert);
}
.library-access-overlay-exit:before {
    content:'Close';
    font-family:var(--lbSansSerif);
    margin-right:0.5em;
    font-weight:600;
}
.library-access-overlay-inside-title {
    font-family:var(--lbSansSerif);
    font-weight:900;
    font-size:2em;
}
.library-access-overly-access-title {
    font-family:var(--lbSansSerif);
    font-weight:bold;
    padding-top:1em;
}

.library-access-overly-access-options button {
    font-size:inherit;
    font-family:var(--lbSansSerif);
    border:0;
    padding:0.25em;
    background:var(--sitecolour);
    color:var(--siteinvert);
    transition:all 0.2s;
}
.library-access-overly-access-options button:hover {
    color:var(--sitecolour);
    background:var(--siteinvert);
}

#resetAllOptions {
       background:var(--sitecolour);
    color:var(--siteinvert);
    transition:all 0.2s; 
        font-size:1.25em;
    font-family:var(--lbSansSerif);
    border:0;
    padding:0.25em;
    margin-top:1em;
    margin-bottom:1em;
}

#resetAllOptions:hover {
        color:var(--sitecolour);
    background:var(--siteinvert);
}