.book-shelf {
text-align: center;
width: 100%;
max-width: 836px;
margin: 0 auto;
}
.book-shelf-covers {
width: 80%;
z-index: 99;
display: flex;
justify-content: center;
align-items: baseline;
flex-wrap: wrap;
margin: 0 auto;
position: relative;
}
.book-shelf-covers > div {
display: inline-block;
cursor: pointer;
width: 20%;
position: relative;
flex: 0 0 auto;
transform-origin: bottom center;
transition: transform ease 0.3s;
}
.book-shelf-covers > div:hover {
transform: scale(102%);
}
.book-shelf-covers .delete-cover {
position: absolute;
top: 0px;
right: 0px;
color: #f00;
background: white;
cursor: pointer;
}
.delete-cover:before {
content: "\f335";
}
.book-shelf-covers > div img {
max-width: 100%;
width: 100%;
display: block;
}
.book-shelf-button-select {
position: absolute;
bottom: 10px;
right: 10px;
margin: 10px;
}
#shelf-image {
z-index: 0;
height: auto;
max-width: 100%;
transform: translateY(-12%);
}
.flipbooks-table .cover img {
max-height: 70px;
width: auto;
vertical-align: middle;
}
.flipbooks-table-wrap {
height: 450px;
overflow: scroll;
}