.library-menu-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-menu-overlay-inside-logo {
    height:10em;
    width:10em;
    margin:auto;
    margin-bottom:1em;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
}
.library-menu-overlay-shown {
        top:0;
    left:0;
    opacity:1;
}
.library-menu-overlay-hidden {
    top:-100vh;
    left:0;
    opacity:0;
}
.library-menu-overlay-inside {
    width:95vw;
    height:95vh;
    background-image:url('../../../images/libraryrainbowo.png');
    background-color:var(--monoBack);
    background-size:cover !important;
    background-position:center !important;
    border-radius:1vmin;
        display:grid;
        grid-template-columns:auto;
    align-items:center;
    justify-content:center;
        overflow-y:auto;
}
.library-menu-overlay-inside-title {
    font-family:'Heebo';
    font-weight:800;
    text-align:center;
    font-size:150%;
    padding:2vmin;
}
.library-menu-overlay-inside-menubox {
  font-family:Heebo;
    font-size:125%;
    font-weight:600;
}

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

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

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

.library-menu-overlay-exit:hover {
    background:white;
    border-color:#33099f;
    color:#33099f;
}
.library-menu-overlay-inside-menubox {
    display:grid;
    grid-template-columns:auto;
    align-items:center;
}

    .library-menu-overlay-inside-menubox-networkmenu ul {
    display:flex;
        flex-wrap;
    justify-content:center;
    list-style-type:none;
}

.library-menu-overlay-inside-menubox-networkmenu ul li a {
    color:var(--sitecolour);
    background:var(--siteinvert);
    text-decoration:none;
    transition:all 0.5s;
        display:block;
    padding:0.5em 2em 0.5em 2em;
    text-align:center;
    font-size:0.9em;
    font-family:var(--lbSansSerif);
    border:solid 0.1em black;
}

.library-menu-overlay-inside-menubox-networkmenu ul li a:hover {
    background:var(--sitecolour);
    color:var(--siteinvert);
}

.library-menu-overlay-inside-menubox-networkmenu ul li:first-of-type a {
    border-radius:1em 0 0 1em;
}
.library-menu-overlay-inside-menubox-networkmenu ul li:last-of-type a {
    border-radius:0 1em 1em 0;
}
.library-menu-overlay-inside-menubox-sitemenu {
    margin:1em;
}
 .library-menu-overlay-inside-menubox-sitemenu ul {
    display:grid;
    grid-template-columns:auto auto auto auto;
    justify-content:center;
    list-style-type:none;
     width:100%;
     border-radius:1em;
         border:solid 0.1em black;
         background:var(--sitecolour);
}

.library-menu-overlay-inside-menubox-sitemenu ul li a {
    background:var(--sitecolour);
    color:var(--siteinvert);
    text-decoration:none;
    transition:all 0.5s;
        display:block;
    padding:0.25em 0.5em 0.25em 0.5em;
    text-align:center;
    border-radius:1em;
    margin:0.15em;
    font-family:var(--lbTitle);
    font-weight:normal;
    font-size:1.25em;
}

.library-menu-overlay-inside-menubox-sitemenu ul li a:hover {
      background:var(--siteinvert);
    color:var(--sitecolour);  
}