.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:80vw;
    height:80vh;
    background:var(--monoBack);
    border-radius:1vmin;
        display:grid;
        grid-template-columns:auto;
    align-items:center;
    justify-content:center;
    overflow-y:auto;
}
.library-access-overlay-inside-title {
    font-family:var(--lbSansSerif);
    font-weight:800;
    text-align:center;
    font-size:150%;
    padding:2vmin;
    padding-right:4vmin;
    color:var(--monoFront);
}
.library-access-overlay-inside-accessbox {
  font-family:Heebo;
    font-size:125%;
    font-weight:600;
}

.library-access-overlay-inside-accessbox #access {
    font-size:inherit;
    font-family:inherit;
    font-weight:inherit;
    padding:1vmin;
    border-radius:1vmin;
}

.library-access-overlay-inside-accessbox .submitbutton {
        font-size:inherit;
    padding:1.5vmin;
    border-radius:1vmin;
    border:solid 0.5vmin transparent;
    background:#09689f;
    color:white;
    transition:all 0.5s;
}

.library-access-overlay-inside-accessbox .submitbutton:hover {
    border-color:#09689f;
    background:white;
    color:#09689f;
}
.library-access-overlay-exit {
    font-size:200%;
    color:white;
    background:#09689f;
    border-radius:2vmin;
    cursor:pointer;
    transition:all 0.5s;
    border:solid 0.5vmin transparent;
        position:absolute;
    top:5vh;
    right:8vw;
    padding:1.5vmin;
}

.library-access-overlay-exit:hover {
    background:white;
    border-color:#09689f;
    color:#09689f;
}
    .library-access-overlay-access-item {
    display:grid;
    grid-template-columns:auto auto;
    grid-gap:0.5em;
    align-items:center;
}
.library-access-overly-access-options {
    display:flex;
    justify-content:flex-end;
}
.library-access-overly-access-options button {
    padding:0.25em;
    background:var(--sitecolour);
    color:var(--siteinvert);
    border:0;
}
.library-access-overly-access-options button {
    font-size:100%;
    margin-right:0.1em;
}
.library-access-overly-access-options #fontsize-1em {
    font-size:80%;
}
.library-access-overly-access-options #fontsize-1x2em {
    font-size:90%;
}
.library-access-overly-access-options #fontsize-1x4em {
    font-size:100%;
}
.library-access-overly-access-options #fontsize-1x8em {
    font-size:110%;
}
.library-access-overly-access-options #fontsize-2x2em {
    font-size:120%;
}
#resetAllOptions {
    padding:0.25em;
    font-size:0.85em;
    border:0;
    margin-top:2em;
    background:var(--sitecolour);
    font-weight:600;
    font-family:var(--lbSansSerif);
    transition:all 0.5s;
    color:var(--siteinvert);
}
#resetAllOptions:hover {
        color:var(--sitecolour);
    background:var(--siteinvert);
}
.library-access-overly-access-options #fontfamily-serif {
    font-family:'EB Garamond';
}
.library-access-overly-access-options #fontfamily-opendyslexic {
    font-family:'OpenDyslexic';
}