@import url(keyframes2.css);

.book {
    position:relative;
    border: 3px solid rgb(71, 50, 40);
    background-color: rgb(156, 153, 149);
    border-bottom: 10px solid rgb(10, 9, 9);
    width: 20dvh;
    height: 20vh;
    display: inline-block;
    justify-self: center;
}

.book_desk {
    position: absolute;
    width: 50px;
    height: 5px;
    background-color: azure;
    display: block;
    justify-self: center;
    align-self: center;
    align-content: center;
    align-items: center;
    bottom: 0;
}

.book_desk_grid {
    display: grid;
    grid-template-columns: 10dvh;
    grid-template-rows: 14dvh;
    justify-self: center;
    position: absolute;
    bottom: 0;
}

.book_desk_grid > a > img {
    width: 10dvh;
    height: 15dvh;
}

.book_desk_grid > a > img:hover {
    cursor: pointer;
}