:root, html {
	font-size: 18px;
}

body {
	text-align: center;
	font-family: sans-serif;
	background-color: #303030;
	color: #E1FFFF;
}

h1 {
	margin: 1em;
	font-family: serif;
	font-size: 2.4em;
	letter-spacing: 1px;
}

table {
	margin: 0 auto;
	text-align: center;
}

thead {
	font-weight: bold;
	background-color: #202020;
}

tr {
	height: 60px;
}

td {
	padding: 0.5em;
}

img {
	max-width: 60px;
	max-height: 60px;
}

a {
	color: lightblue;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.want-to-play {
	color: lightgreen;
}

.overdue {
	color: lightpink;
}