.bookcontainer{display: flex; /*Switches the layout to Flexbox*/
	justify-content: center; /*centres horizontally*/
	flex-wrap: wrap; /*wrap lets boxes stack when screen in narrow (responsive behavious)*/
	gap: 35px; /*space between boxes*/
	margin-top: 20px;
}
.bookbox{width: 23%; height: 400px; left: 0px; top: 0px;
	padding: 0px; margin: 0px; scroll-padding-top: 0px;
	text-align: center; 
	float: left;
	position: relative;
	z-index: 1;
	border: 1px solid rgb(255, 215, 0);
}
.coverimg{height: 350px; width: 100%;}
.displayspan{display:center; position: absolute;
	bottom: 5px; 
	color: rgb(248, 248, 255); 
	z-index: 2;
	width:100%;
	background-color: rgba(0, 0, 0, 0.59);
}
.displaytext {font-size: 1.5rem; color: rgb(248, 248, 255);
	z-index: 2;  box-shadow: none; border: 0px;
}
.displaytext a{font-size: 1.5rem; text-decoration: none; color: rgb(248, 248, 255); }
.displaytext a:hover {color: rgb(116, 7, 225);}