table {
	table-layout: fixed;
	/*outline: 1px solid black;*/
}

.main-content {
	outline: 2px solid green;
	max-width: 80ch;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.title-bar {
	width: 100%;
	height: 2em;
	text-align: center;
	outline: 2px solid black;
}

.title-bar td {
	outline: 1px solid orange;
	width: 100%;
	height: 100%;

}

.title-bar a {
	display: block;
}

.header {
	border: 3px solid #000000;
	gap: 3px;
	padding: 3px;
}

.header .title {
	border: 2px solid #ff0000;
}

.about-me-table {
	outline: 1px solid black;
}

.about-me-table td {
	border: 1px solid black;
}

.footer {
	outline: 2px solid black;
	width: 100%;
	height: 1em;
}

/* Make sure the 88x31 images aren't anti-aliased */
.footer img {
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	image-rendering: -webkit-optimize-contrast;
}

/*
 * TODO: Have the styling default to light theme & have this apply specific
 * overrides for dark theme
 */
/*@media (prefers-color-scheme: dark) {
	...
}*/