html {
	font-family: "Impact", "Oswald", sans-serif;
}

html, body {
	height: 99%;
}

.container {
	display: flex;
	align-items: stretch;
	height: 100%;
}

.spine {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	background: rgb(77, 77, 255);
	color: white;
	padding: 20px 10px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
}

.content {
	font-family: "Arial";
	padding: 20px;
	flex: 1;
}

h2 {
	font-family: "Impact", "Oswald", sans-serif;
	background-color: rgb(77, 77, 255);
	color: white;
	display: inline-block;
	padding: 0.2rem 1rem 0.25rem 0.2rem;
}

table td:nth-child(2) { text-align: right }

a {
	color: rgb(77, 77, 255);
}

a:hover {
	color: red;
}

footer {
	padding: 20px;
}