#bookList{
    display: flex;
    flex-flow: column;
    gap:5vmin;
    margin:5vmin 0;
}

.book{
    display: flex;
    justify-content: center;
    height:fit-content;
    gap:5vmin;
}
.book>a{
    height:30vmin;
    background:#00ffd3;
    overflow: hidden;
}
.book>a>img{
    height:100%;
    transition: scale 0.5s,opacity 0.5s;
}
.book>a:hover>img{
    scale:1.2;
    opacity:0.5;
}
.book *{
    text-align:left;
}
.book h2{
    opacity:0.3;
    font-size:2.5vmin;
    line-height: 3vmin;
    top:-2vmin;
    left:5vmin;
    margin-bottom:-2vmin;
}
.book .explanation{
    margin-top:1vmin;
    white-space: pre-wrap;
}