.library-search-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-search-overlay-shown {
        top:0;
    left:0;
    opacity:1;
}
.library-search-overlay-hidden {
    top:-100vh;
    left:0;
    opacity:0;
}
.library-search-overlay-inside {
    width:80vw;
    height:80vh;
    background:var(--monoBack);
    border-radius:1vmin;
        display:grid;
        grid-template-columns:auto;
    align-items:center;
    justify-content:center;
}
.library-search-overlay-inside-title {
    font-family:var(--lbSansSerif);
    font-weight:800;
    text-align:center;
    font-size:150%;
    padding:2vmin;
    color:var(--monoFront);
}
.library-search-overlay-inside-searchbox {
  font-family:var(--lbSansSerif);
    font-size:125%;
    font-weight:600;
}

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

.library-search-overlay-inside-searchbox .submitbutton {
        font-size:inherit;
    padding:1.5vmin;
    border-radius:1vmin;
    border:solid 0.5vmin transparent;
    background:#9f094c;
    color:white;
    transition:all 0.5s;
}

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

.library-search-overlay-exit:hover {
    background:white;
    border-color:#9f094c;
    color:#9f094c;
}