@media (max-aspect-ratio: 2/3) {
	.book{width: 40%;}
	.book p{margin: 0.4vw; font-size: 3vw;}
	p.title{font-size: 5vw;}
	.description{font-size: 3.4vw; padding: 3vw;}
	#sort-sel{font-size: 3vw;}
}
@media (min-aspect-ratio: 2/3) {
	.book{width: 200px;}
	.book p{margin: 0.1rem;font-size: 0.9rem;}
	p.title{font-size: 1.25rem;}
	.description{font-size: 0.8rem;padding: 0.7rem;}
}
.books{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.book{
	margin: 0.5rem;
	text-align: center;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
.book img{
	width: 100%;
	border-radius: 5px;
}

.description{
	position: absolute;
	top:0;
	left:0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: #100C07;
  color: var(--header-color);
	text-align: left;
	overflow: scroll;
	transform: translate(0, 100%);
	transition: transform 0.2s;
}
.book:hover .description{
	transform: translate(0, 0);
}
.sort-sel-div{
	float:right;
}
#sort-sel{
	background-color: var(--header-color);
	border: 1px solid var(--darl-accent);
	border-radius: 3px;
}