body {
	font-family: sans-serif;
	font-size: 14px;
}

.center {
	text-align: center;
}

.words-table {
	overflow: auto;
	font-family: sans-serif;
	font-size: 14px;
}

.words-table > .content {
	width: 100%;
	display: grid;
	grid-template-columns: 5fr 2fr 1fr;
}

.words-table > .content > .header {
	border-bottom: 1px solid;
	font-weight: bold;
}

.letter-bank {
	overflow: auto;
	font-family: sans-serif;
	font-size: 14px;
}

.letter-bank > .content {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(13, 1fr);
}

.letter-bank > .content > .pair {
	text-align: center;
}

.letter-bank > .content > .pair.low {
	background-color: yellow;
}

.letter-bank > .content > .pair.empty {
	background-color: red;
}

.leaderboard {
	overflow: auto;
	font-family: sans-serif;
	font-size: 14px;
}

.leaderboard > .content {
	width: 100%;
	display: grid;
	grid-template-columns: 3fr 2fr 2fr;
}

.leaderboard > .content > .header {
	border-bottom: 1px solid;
	font-weight: bold;
}

.content > .score {
	text-align: right;
}