div.flexer div {display: inline-block;}
.outerbook {width: 226px; margin: 5px; padding: 5px; text-align: center;}
.bookcover {width: 216px; height: 320px; text-align: center; border-radius: 10px;}
.bookcover {background-size: 106%; background-position: center center; background-repeat: no-repeat; background-color: #3F426E; background-image: url(../img/404.jpg);}


/*
 ██████  ██████  ██    ██ ███████ ██████  ███████
██      ██    ██ ██    ██ ██      ██   ██ ██
██      ██    ██ ██    ██ █████   ██████  ███████
██      ██    ██  ██  ██  ██      ██   ██      ██
 ██████  ██████    ████   ███████ ██   ██ ███████
*/

.bookcover#lolita {background-image: url(../img/lolita.jpg);}
.bookcover#ancillary {background-image: url(../img/ancillary.jpg);}
.bookcover#artemis {background-image: url(../img/artemis.jpg);}
.bookcover#blackout {background-image: url(../img/blackout.jpg);}
.bookcover#thief {background-image: url(../img/thief.jpg);}
.bookcover#cardinal {background-image: url(../img/cardinal.jpg);}
.bookcover#ender {background-image: url(../img/ender.jpg);}
.bookcover#giver {background-image: url(../img/giver.jpg);}
.bookcover#hobbit {background-image: url(../img/hobbit.jpg);}
.bookcover#insignia {background-image: url(../img/insignia.jpg);}
.bookcover#nineteen {background-image: url(../img/1984.jpg);}
.bookcover#perks {background-image: url(../img/perks.jpg);}
.bookcover#romantics {background-image: url(../img/romantics.jpg);}
.bookcover#sleeping {background-image: url(../img/sleeping.jpg);}
.bookcover#ends {background-image: url(../img/ends.jpg);}
.bookcover#hate {background-image: url(../img/hate.jpg);}


/*
 ██████  ██████  ███    ██ ████████ ███████ ███    ██ ████████
██      ██    ██ ████   ██    ██    ██      ████   ██    ██
██      ██    ██ ██ ██  ██    ██    █████   ██ ██  ██    ██
██      ██    ██ ██  ██ ██    ██    ██      ██  ██ ██    ██
 ██████  ██████  ██   ████    ██    ███████ ██   ████    ██
*/

.title {width: 216px; margin: 3px; vertical-align: bottom; text-align: center; color: #B37876; font-size: large;}
.innerbook {width: 208px; height: 312px; background-color: rgba(255,255,255,0.75); border-radius: 9px; opacity: 0; transition: opacity 0.5s linear; padding: 4px; overflow: auto;}
.innerbook:hover {opacity: 1;}
.innerbook::-webkit-scrollbar {width: 5px; height: 5px;}
.innerbook::-webkit-scrollbar-track {background: #90A9CF; }
.innerbook::-webkit-scrollbar-thumb {background: #3F426E; }