.library-card{
width:300px;
margin:20px 0 0 20px;
padding:10px;
border:1px gray solid;
border-radius:20px 20px 0px 0px;
/* might have to move flex into a parent container, which would mean a template for the library home page which gets populated with this template */
/*
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
*/
}
.library-card-image{
height:200px;
width:100%;
border-bottom:1px solid gray;
}
img{
object-fit:cover;
}
img:hover{
transform:scale(1.2);
}
.library-card-content{
padding:0px;
margin:0px;
text-align:center;
display:inline;
}
.library-card-title{
font-size:1.2rem;
}
.library-card-works{
font-size:0.9rem;
}
pre{
}