body{
	background-color: black;
	font-family: 'Courier New', monospace;
}

*::selection{
	background-color: darkgray;
}

#logo{
	height: 300px;
}

#main{
	position:fixed;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	padding: 1%;
	box-sizing: border-box;
	align-items: center;
}

#bookshelf{
	background-color: #888;
	background-image: linear-gradient(0deg, #444, #888);
	width: calc(100%);
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 5rem 1rem;
	justify-content: center;
	box-sizing: border-box;

	clip-path: polygon(0.5rem 0, 100% 2rem, calc(100% - 1rem) 100%, 1rem calc(100% - 2rem));
}

.book_cover{
	background-color: white;
	width: 25%;
	max-width: 250px;
	min-width: 100px;
	box-shadow:
		0px 0px 4px black,
		3px 2px 0px #fff,
		3px 4px 0px #eee,
		4px 5px 0px #fff,
		4px 6px 0px #ccc,
		5px 7px 0px #eee,
		5px 8px 0px #bbb,
		6px 9px 0px #fff,
		6px 10px 0px #aaa,
		0px 10px 0px #222,
		8px 10px 4px black
	;
	border-left: solid 3px #222;
	border-radius: 4px 0 0 8px;
}

.book_cover:hover{
	scale: 0.98;
}

.content_block{
	background-color: white;
	width: 90%;
	color: black;
	text-align: center;
	padding: 1rem 10%;
	box-sizing: border-box;
	margin:1rem 0px;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 6px black,0px 0px 0px 8px white;
	font-weight:bolder;
}
ul{
	border-radius: 10px;
	background-color: #eee;
	border-style: dotted;
	text-align: left;
}

li{
	border-radius: 10px;
	margin: .25rem .5rem;
	background-color: #ddd;
	padding: 8px;
}