.refresh-rate-container, .module-refresh-rate-container{
    font-family: "Braah One", sans-serif;
    position: absolute;
    top: 125px;
    font-size: 16px;
    text-transform: uppercase;
}

.module-refresh-rate-container{
    color: white;
}

.availability-toggle-button-container{
    background-image: url(../media/img/availability-icon.png);
    background-size: 215% 215%;
    background-position: center;
    background-color: white;
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    display: block;
    position: absolute;
    top: 85px;
    transition: background-size 0.25s, background-color 0.25s;
}

.availability-toggle-button-container:hover{
    background-size: 225% 225%;
    background-color: aquamarine;
}

.library-catalog-table-container{
    color: white;
    width: 440px;
    max-height: 340px;
    overflow-y: scroll;
    margin: 5% auto 20px auto;
}

#library-menu-container{
    z-index: -1;
    display: none;
    width: 400px;
    height: auto;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -200px;
    cursor: pointer;
    border: 0;
    border-radius: 15px;
    background-color: white;
    color: black;
}

#back-to-map-button-container{
    z-index: 999;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    background-image: url(../media/img/hov-ig-logo.png);
    background-size: 100% 100%;
    outline: none;
    position: absolute;
    top: 2%;
    right: 2%;
}

#vision-page-main-container{
    font-family: "Braah One", sans-serif;
    color: white;
    width: 70%;
    padding: 2% 5%;
    min-height: 350px;
    display: block;
    margin: 3% auto 0 auto;
    background-color: rgba(255, 255, 255, 0.05);
    border: 0;
    cursor: pointer;
    border-radius: 10px;
    transition: color 0.25s, background-color 0.25s;
}

#vision-page-main-container:hover{
    color: black;
    background-color: rgba(255, 255, 255, 0.95);
}

#vision-page-main-container p{
    margin: 20px auto;
    /* margin-bottom: 20px; */
    width: 100%;
    display: block;
    text-align: left;
}

#vision-page-main-container h3{
    text-align: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

#library-menu-button-container{
    z-index: 999;
    display: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    background-image: url(../media/img/hov-ig-logo.png);
    background-size: 100% 100%;
    outline: none;
    position: absolute;
    top: 2%;
    right: 2%;
}

.library-menu-option-container{
    width: 100%;
    height: 100px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    outline: none;
    color: black;
    border: 0;
    background-color: white;
    transition: background-color 0.25s, color 0.25s;
}

.libary-menu-option-container::active{
    color: white;
    background-color: blue;
}


#add-new-item-page-button-container{
    border-radius: 0 0 10px 10px;
    border-top: 3px black solid;
}

#chat-page-button-container{
    border-radius: 10px 10px 0 0;
    border-bottom: 3px black solid;
}

.header-container, .module-header-container{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
}

.module-header-container{
    color: white;
    font-family: "Braah One",vsans-serif;
}

.header-icon-container{
    font-family: "Braah One", sans-serif;
    width: 65px;
    height: 65px;
    display: block;
    margin: 5% auto;
    border-radius: 50%;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: width 0.25s, height 0.25s;
}

.header-icon-container:hover{
    width: 70px;
    height: 70px;
}

#single-player-mode-item-option-container{
    background-image: url(../media/img/player-icon-small.png);
}

#multi-player-mode-item-option-container{
    background-image: url(../media/img/player-1-icon.png);
    background-size: 65% auto;
    background-repeat: no-repeat;
    transition: background-size 0.25s;
}

#multi-player-mode-item-option-container:hover{
    background-size: 90% auto;
}

#instagram-stream-item-option-container{
    background-image: url(../media/img/instagram-texture.png);
    background-size: 35% auto;
    transition: background-size 0.25s;
}

#instagram-stream-item-option-container:hover{
    background-size: 50% auto;
}

#tiktok-stream-item-option-container{
    background-image: url(../media/img/tiktok-texture.png);
    background-size: 35% auto;
    background-color: rgba(255, 255, 255, 1.0);
    transition: background-size 0.25s, background-color 0.25s;
}

#tiktok-stream-item-option-container:hover{
    background-size: 50% auto;
    background-color: rgba(0, 0, 0, 1.0);
}

#dronepong-header-icon-container{
    background-image: url(../media/img/pong-logo.png);
}

#editions-heartbook-header-icon-container{
    background-image: url(../media/img/heartbook-icon.png);
}

#instagram-stream-button-container{
    position: absolute;
    top: calc(10% + 30px);
    right: 5%;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../media/img/instagram-texture.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    transition: width 0.25s, height 0.25s;
}

#tiktok-stream-button-container{
    position: absolute;
    top: 5%;
    right: 5%;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../media/img/tiktok-texture.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    transition: width 0.25s, height 0.25s;
}

#tiktok-stream-button-container:hover, #instagram-stream-button-container:hover{
    width: 60px;
    height: 60px;
}

#trick-and-treat-header-icon-container{
    background-image: url(../media/img/library-final-icon.png);
}

#seven-11-header-icon-container{
    background-image: url(../media/img/7-eleven-logo.png);
}

#goma-library-header-icon-container{
    background-image: url(../media/img/library-final-icon.png);
}

#joes-club-header-icon-container{
    background-image: url(../media/img/md-heart-icon.png);
}

#pm-library-header-icon-container{
    background-image: url(../media/img/pm-library-icon.png)
}

#kt-library-header-icon-container{
    background-image: url(../media/img/katie-library.JPG);
    background-size: cover;
}

#mistle-library-header-icon-container{
    background-image: url(../media/img/mistle-library-icon.png);
    background-size: cover;
}

#youth-build-library-icon-container{
    background-image: url(../media/img/katie-library.JPG);
    background-size: cover;
}

#heart-of-darkness-book-option-container{
    background-image: url(../media/img/heart-of-darkness-book-cover.png);
}

#the-false-prophet-book-option-container{
    background-image: url(../media/img/the-false-prophet-book-cover.png);
}

#el-viento-travieso-book-option-container{
    background-image: url(../media/img/el-viento-travieso-book-cover.png);
}

#bayes-theorem-a-visual-intro-book-option-container{
    background-image: url(../media/img/bayes-theorem-a-visual-intro-book-cover.png);
}

#american-sniper-book-option-container{
    background-image: url(../media/img/american-sniper-book-cover.png);
}

#the-future-of-an-illusion-book-option-container{
    background-image: url(../media/img/the-future-of-an-illusion-book-cover.png);
}

#communities-book-option-container{
    background-image: url(../media/img/communities-book-cover.png);
}

#jacobin-mag-summer-2023-book-option-container{
    background-image: url(../media/img/jacobin-mag-summer-2023-book-cover.png);
}

#mcdonalds-header-icon-container{
    background-image: url(../media/img/mcdonalds-icon.png);
}

#youth-build-library-header-icon-container{
    background-image: url(../media/img/youth-build-library-take-0.png);
}

#seven-11-header-icon-container{
    background-image: url(../media/img/7-eleven-icon.png);
}

#chik-fil-a-header-icon-container{
    background-image: url(../media/img/chik-fil-a-icon.png);
}

#harvard-st-library-header-icon-container{
    background-image: url(../media/img/pong-logo.png);
}

#lemba-farm-library-header-icon-container{
    background-image: url(../media/img/md-heart-icon.png);
}

#because-of-sex-book-option-container{
    background-image: url(../media/img/because-of-sex-book-cover.png);
}

#the-house-of-scorpion-book-option-container{
    background-image: url(../media/img/house-of-the-scorpion-book-cover.png);
}

#the-nazi-seizure-of-power-book-option-container{
    background-image: url(../media/img/the-nazi-seizure-of-power-book-cover.png);
}

#from-farmland-to-streetlevel-book-0-option-container, #from-farmland-to-streetlevel-book-1-option-container{
    background-image: url(../media/img/from-farmland-to-streetlevel-book-cover.png);
}

#the-book-of-forgiving-book-option-container{
    background-image: url(../media/img/the-book-of-forgiving-book-cover.png);
}

#l4yer-cake-book-option-container{
    background-image: url(../media/img/l4yer-cake-book-cover.png);
}

#dragons-heart-book-option-container{
    background-image: url(../media/img/dragons-heart-book-cover.png);
}

#father-of-the-bride-book-option-container{
    background-image: url(../media/img/father-of-the-bride-book-cover.png);
}

#key-west-connection-book-option-container{
    background-image: url(../media/img/key-west-connection-book-cover.webp);
}

#critique-of-pure-reason-book-option-container{
    background-image: url(../media/img/critique-of-pure-reason-book-cover.jpeg);
}

#time-and-the-other-book-option-container{
    background-image: url(../media/img/time-and-the-other-book-cover.jpg);
}

#stop-dressing-your-six-year-old-like-a-skank-book-option-container{
    background-image: url(../media/img/stop-dressing-your-six-year-old-like-a-skank-book-cover.jpg);
}

#on-the-plurality-of-worlds-book-option-container{
    background-image: url(../media/img/on-the-plurality-of-worlds-book-cover.png);
}

#a-history-of-the-modern-middle-east-book-option-container{
    background-image: url(../media/img/a-history-of-the-modern-middle-east-book-cover.png);
}

#total-immersion-book-option-container{
    background-image: url(../media/img/total-immersion-book-cover.png);
}

#the-theatre-of-the-absurd-book-option-container{
    background-image: url(../media/img/the-theatre-of-the-absurd-book-cover.png);
}

#stealth-of-nations-book-option-container{
    background-image: url(../media/img/stealth-of-nations-book-cover.png);
}

#extreme-ownership-book-option-container{
    background-image: url(../media/img/extreme-ownership-book-cover.png);
}

#the-house-on-mango-street-book-option-container{
    background-image: url(../media/img/the-house-on-mango-street-book-cover.png);
}

#guardians-of-gahoole-capture-book-option-container{
    background-image: url(../media/img/guardians-of-gahoole-capture-book-cover.png);
}

#dynamics-of-faith-book-option-container{
    background-image: url(../media/img/dynamics-of-faith-book-cover.png);
}

#miss-emily-book-option-container{
    background-image: url(../media/img/miss-emily-book-cover.png);
}

#desert-queen-book-option-container{
    background-image: url(../media/img/desert-queen-book-cover.png);
}

#a-woman-in-arabia-book-option-container{
    background-image: url(../media/img/a-woman-in-arabia-book-cover.png);
}

#the-black-country-book-option-container{
    background-image: url(../media/img/the-black-country-book-cover.png);
}

#the-logical-basis-of-metaphysics-book-option-container{
    background-image: url(../media/img/the-logical-basis-of-metaphysics-book-cover.png);
}

#the-devils-workshop-book-option-container{
    background-image: url(../media/img/the-devils-workshop-book-cover.png);
}

#mauds-line-book-option-container{
    background-image: url(../media/img/mauds-line-book-cover.png);
}

#the-curly-pyjama-letters-book-option-container{
    background-image: url(../media/img/the-curly-pyjama-letters-book-cover.png);
}

#african-american-teens-discuss-book-option-container{
    background-image: url(../media/img/African-American-Teens-Discuss-Book-Cover.png);
}

#the-animatrix-film-option-container{
    background-image: url(../media/img/The-Animatrix-Film-Cover.png);
}

#je-sais-quand-dieu-vient-se-promener-dans-mon-jardin-book-option-container{
    background-image: url(../media/img/Je-Sais-Quand-Dieu-Vient-Se-Promener-Book-Cover.png);
}

#the-one-thing-book-option-container{
    background-image: url(../media/img/The-One-Thing-Book-Cover.png);
}

.book-option-button-container{
    background-size: auto 80%;
    display: inline-block;
    margin-bottom: 35px;
    height: 150px;
    width: max(49%, 100px);
    border: 0;
    cursor: pointer;
    border-radius: 10px;
    background-position: center;
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    transition: background-size 0.25s;
}

.unreleased-book-option-button-container{
    background-color: rgba(5, 25, 125, 1.0);
}

.film-option-module-button-container, .book-option-module-button-container{
    background-size: auto 80%;
    display: inline-block;
    margin-bottom: 35px;
    height: 150px;
    width: 125px;
    border: 0;
    cursor: pointer;
    border-radius: 10px;
    background-position: center;
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    transition: background-size 0.25s;
}

.book-option-button-container:hover, .book-option-module-button-container:hover{
    background-size: auto 105%;
}

.item-option-button-container{
    background-size: 100% auto;
}

.item-option-button-container:hover{
    background-size: 120% auto;
}

.option-button-container, .item-option-button-container{
    display: inline-block;
    margin-bottom: 35px;
    height: 100px;
    width: max(49%, 100px);
    border: 0;
    cursor: pointer;
    border-radius: 10px;
    background-position: center;
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    transition: background-size 0.25s;
}

#hash-brown-option-container{
    background-image: url(../media/img/hash-brown.png);
    background-size: auto 60%;
}

#hash-brown-option-container:hover{
    background-size: auto 100%;
}

#ketchup-option-container{
    background-image: url(../media/img/ketchup-container.png);
    background-size: auto 70%;
}

.view-digital-book-button-container{
    border: 0;
    border-radius: 10px;
    margin-bottom: 10px;
    width: max(90%, 150px);
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    outline: none;
    background-color: blue;
    color: yellow;
    text-transform: uppercase;
    transition: color 0.25s, background-color 0.25s;
}

.view-digital-book-button-container:hover{
    background-color: red;
    color: white;
}

.add-item-to-order-queue-button-container{
    border: 0;
    border-radius: 10px;
    margin-bottom: 10px;
    width: max(90%, 150px);
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    outline: none;
    background-color: aquamarine;
    color: black;
    text-transform: uppercase;
    transition: color 0.25s, background-color 0.25s;
}

.add-item-to-order-queue-button-container:hover{
    background-color: red;
    color: white;
}

#ketchup-option-container:hover{
    background-size: auto 100%;
}

#tampons-option-container{
    background-image: url(../media/img/tampax.png);
    background-size: auto 50%;
}

#tampons-option-container:hover{
    background-size: auto 100%;
}

#condoms-option-container{
    background-image: url(../media/img/magnum-condoms.png);
    background-size: auto 60%;
}

#condoms-option-container:hover{
    background-size: auto 100%;
}

#chicken-nuggets-option-container{
    background-image: url(../media/img/chicken-nuggets.png);
    background-size: auto 105%;
}

#chicken-nuggets-option-container:hover{
    background-size: auto 135%;
}

#chik-fil-a-sauce-option-container{
    background-image: url(../media/img/chik-fil-a-sauce.png);
    background-size: auto 70%;
}

#chik-fil-a-sauce-option-container:hover{
    background-size: auto 100%;
}


/*.scroll {
   width: 200px;
   height: 400px;
    background: red;
   overflow: scroll;
}*/

.smooth-scroll::-webkit-scrollbar {
    width: 12px;
}

.smooth-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.smooth-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
}

#member-options-container{
    font-family: "Braah One", sans-serif;
    position: absolute;
    z-index: 999;
    width: 250px;
    height: 175px;
    border: 0;
    padding: 30px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    cursor: pointer;
    bottom: 3%;
    right: 3%;
    overflow-y: auto;
}

#martins-bbq-chips-option-container{
    background-image: url(../media/img/martins-bbq-chips-icon.webp);
    background-size: auto 70%;
}

#martins-bbq-chips-option-container:hover{
    background-size: auto 100%;
}

#martins-sea-salted-chips-option-container{
    background-image: url(../media/img/martins-sea-salted-chips-icon.webp);
    background-size: auto 70%;
}

#martins-sea-salted-chips-option-container:hover{
    background-size: auto 100%;
}

#natty-boh-0-option-container, #natty-boh-1-option-container, #natty-boh-2-option-container, #natty-boh-3-option-container{
    background-image: url(../media/img/natty-boh-icon.png);
    background-size: auto 90%;
}

#natty-boh-0-option-container:hover, #natty-boh-1-option-container:hover, #natty-boh-2-option-container:hover, #natty-boh-3-option-container:hover{
    background-size: auto 120%;
}

#pbr-0-option-container, #pbr-1-option-container, #pbr-2-option-container{
    background-image: url(../media/img/pbr-icon.avif);
    background-size: auto 90%;
}

#pbr-0-option-container:hover, #pbr-1-option-container:hover, #pbr-2-option-container:hover{
    background-size: auto 120%;
}

#white-claw-0-option-container, #white-claw-1-option-container{
    background-image: url(../media/img/white-claw-12-pk-icon.webp);
    background-size: auto 90%;
}

#white-claw-0-option-container:hover, #white-claw-1-option-container:hover{
    background-size: auto 120%;
}

#table-tennis-balls-option-container, #table-tennis-balls-0-option-container, #table-tennis-balls-1-option-container{
    background-image: url(../media/img/table-tennis-balls.png);
    background-size: auto 70%;
}

#table-tennis-balls-option-container:hover, #table-tennis-balls-0-option-container:hover, #table-tennis-balls-1-option-container:hover{
    background-size: auto 100%;
}

#red-solo-cups-0-option-container, #red-solo-cups-1-option-container{
    background-image: url(../media/img/red-solo-cup-icon.png);
    background-size: auto 70%;
}

#red-solo-cups-0-option-container:hover, #red-solo-cups-1-option-container:hover{
    background-size: auto 100%;
}

#party-rsvp-option-container{
    background-image: url(../media/img/rsvp-icon.png);
    background-size: auto 70%;
}

#party-rsvp-option-container:hover{
    background-size: auto 100%;
}

#dice-0-option-container{
    background-image: url(../media/img/dice-icon.png);
    background-size: auto 70%;
}

#dice-0-option-container:hover{
    background-size: auto 100%;
}

#paper-towels-0-option-container, #paper-towels-1-option-container{
    background-image: url(../media/img/paper-towel-icon.png);
    background-size: auto 70%;
}
#paper-towels-0-option-container:hover, #paper-towels-1-option-container:hover{
    background-size: auto 100%;
}
.item-option-container{
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#bananas-item-option-container{
    background-image: url(../media/img/bananas.png);
}

#eggs-item-option-container{
    background-image: url(../media/img/eggs.png);
}

#blueberries-item-option-container{
    background-image: url(../media/img/blueberries.png);
}

#bread-item-option-container{
    background-image: url(../media/img/bread.png);
}

#mandarin-oranges-item-option-container{
    background-image: url(../media/img/mandarin-oranges.png);
}

#mandarin-orange-seeds-item-option-container{
    background-image: url(../media/img/mandarin-orange-seeds.png);
    background-size: auto 120%;
}

#mandarin-orange-seeds-item-option-container:hover{
    background-size: auto 150%;
}

#happy-dads-fruit-punch-item-option-container{
    background-image: url(../media/img/happy-dad-wild-cherry-icon.webp);
    background-size: auto 80%;
}

#happy-dads-fruit-punch-item-option-container:hover{
    background-size: auto 100%;
}

#happy-dads-fruit-punch-12-pack-item-option-container{
    background-image: url(../media/img/happy-dad-fruit-punch-12-pk-icon.webp);
    background-size: auto 80%;
}

#happy-dads-fruit-punch-12-pack-item-option-container:hover{
    background-size: auto 100%;
}

#lime-seeds-item-option-container{
    background-image: url(../media/img/lime-seeds.png);
    background-size: auto 120%;
}

#lime-seeds-item-option-container:hover{
    background-size: auto 150%;
}

#eggs-item-1-option-container{
    background-image: url(../media/img/eggs.png);
    background-size: auto 120%;
}

#eggs-item-1-option-container:hover{
    background-size: auto 150%;
}

#lime-item-option-container{
    background-image: url(../media/img/lime.png);
    background-size: auto 90%;
}

#lime-item-option-container:hover{
    background-size: auto 100%;
}

#cereal-item-option-container{
    background-image: url(../media/img/cereal.png);
    background-size: auto 80%;
}

#cereal-item-option-container:hover{
    background-size: auto 95%;
}

#yogurt-item-option-container{
    background-image: url(../media/img/yogurt.png);
    background-size: auto 85%;
}

#yogurt-item-option-container:hover{
    background-size: auto 100%;
}

#milk-item-option-container{
    background-image: url(../media/img/milk.png);
}

#starburst-candy-0-item-option-container, #starburst-candy-1-item-option-container{
    background-image: url(../media/img/starburst-candy-icon.png);
}


#sour-patch-kids-candy-0-item-option-container, #sour-patch-kids-candy-1-item-option-container{
    background-image: url(../media/img/sour-patch-kids-icon.png);
}

#sour-patch-kids-candy-0-item-option-container:hover, #sour-patch-kids-candy-1-item-option-container:hover{
    background-size: 120% auto;
}

#magnum-condoms-item-option-container{
    background-image: url(../media/img/magnum-condoms-icon.png);
    background-size: 85% auto;
}

#magnum-condoms-item-option-container:hover{
    background-size: 110% auto;
}

#tampax-tampons-item-option-container{
    background-image: url(../media/img/tampax-tampons-icon.png);
    background-size: 80% auto;
}

#tampax-tampons-item-option-container:hover{
    background-size: 105% auto;
}

.popup-description-container{
    line-height: 22px;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 12px auto;
}

.library-catalog-container{
    width: 300px;
    height: 300px;
    overflow-y: auto;
}

.library-catalog-module-container{
    width: 100%;
    height: 300px;
    overflow-y: auto;
}

.return-book-button-container{
    border: 0;
    border-radius: 10px;
    margin-bottom: 10px;
    width: max(90%, 150px);
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    outline: none;
    background-color: salmon;
    color: black;
    text-transform: uppercase;
    transition: color 0.25s, background-color 0.25s;
}

.return-book-button-container:hover{
    background-color: red;
    color: white;
}

.library-action-module-container{
    font-family: "Braah One", sans-serif;
    z-index: 1000;
    position:absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -250px;
    width: 500px;
    height: 525px;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    cursor: pointer;
    border: 0;
    border-radius: 10px;
}

#return-book-header-container{
    font-size: 24px;
    width: 100%;
    line-height: 50px;
    height: auto;
    text-align: center
}

.return-book-text-container{
    font-size: 18px;
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: justify;
}

#return-book-cover-container{
    display: block;
    width: 150px;
    height: 225px;
    margin: 10px auto;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: width 0.25s, height 0.25s;
}

#return-book-cover-container:hover{
    width: 175px;
    height: 250px;
}

#return-book-title-container{
    width: 100%;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
}

#return-book-owner-container{
    width: 89%;
    margin-left: 9%;
    line-height: 35px;
    text-align: left;
}

#success-container{
    position: absolute;
    border: 0;
    border-radius: 5px;
    margin: -150px 0 0 -150px;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    display: none;
    background-color: white;
    color: black;
    z-index: 1000;
}

#success-icon-container{
    width: 225px;
    height: 225px;
    background-image: url(../media/img/success.png);
    background-size: cover;
    display: block;
    margin: 10px auto;
}

#success-text-container{
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    font-family: "Braah One", sans-serif;
}

#return-to-map-button-container, #start-book-return-button-container{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background-color: white;
    color: black;
    border: 0;
    border-radius: 0 0 5px 5px;
    cursor: pointer;
}

#return-to-map-button-container:hover, #start-book-return-button-container:hover{
    font-size: 24px;
}

.portal-button-container{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    bottom: 3%;
    cursor: pointer;
    box-shadow: none;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: box-shadow 0.25s;
    border: 0;
    outline: none;
}

.portal-button-container:hover{
    box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.95);
}

#film-archive-portal-button-container{
    background-image: url(../media/img/tiktok-texture.png);
    left: 3%;
}

#book-archive-portal-button-container{
    background-image: url(../media/img/tiktok-texture.png);
    left: 3%;
}

#instagram-portal-button-container{
    background-image: url(../media/img/instagram-texture.png);
    right: 3%;
}


@media only screen and (max-width: 640px){
    #return-book-header-container {
        margin-top: 50px;
    }

    .library-action-module-container{
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .header-container{
        height: auto;
    }

    #member-options-container{
        width: calc(100% - 60px);
        height: 75px;
        bottom: 0;
        right: 0;
        padding: 15px;
        font-size: 16px;
        /*font-family: "Braah One", sans-serif;
        position: absolute;
        z-index: 999;
        border: 0;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        cursor: pointer;
        overflow-y: auto;*/
    }

    .leaflet-popup-content-wrapper{
        width: 250px;
    }

    .book-option-button-container {
        width: 100%;
        margin-bottom: 0;
        height: 200px;
    }
    
    
    .library-catalog-container{
        width: 200px;
        height: 300px;
        overflow-y: auto;
    }
    
    #library-menu-container{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }

    
    #vision-page-main-container{
        width: 100%;
    }

}