body {
	margin: 3em;

}

h1, h2 {
	text-align: center; 
}

h2 {
	clear: both;
}

.wrapper {
	margin: 0 auto;
	columns: 100px 3;
}

.year {
	margin: 1em;
	padding: 1em;
	background-color: #eee;
	box-sizing: border-box;
	break-inside: avoid;
	break-after: avoid;
	break-before: avoid;
	vertical-align: top;
	display: inline-block;
	width: 100%;
	transition: background-color cubic-bezier(.3,0,0,.99) 150ms;
	border-radius: 5px;
}

.year:last-child {
	margin-bottom: 0;
}


.stats {
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

th {
	text-align: left;
	vertical-align: top;
	width: 250px;
}

td {
	text-align: right;
	vertical-align: top;
}

/*td p {
	margin: 0;
}*/

.books {
	margin: 0 auto 15px;
	display: flex;
	/*justify-content: center;*/
	flex-direction: column;
	/*align-content: center;*/
	align-items: center;
}

.pagecount {
	color: rgba(0,0,0,.6);
	font-size: smaller;
}

.wrapper a {
	color: inherit;
}

.wrapper a:hover .year, .wrapper .year:hover {
	background-color: #9966ee;
	transition: background-color cubic-bezier(.3,0,0,.99) 50ms;
}