body {
	background-color: DarkSlateGray;
	color: Gainsboro;
	font-family: courier;
	max-width: 700px;
	margin-left: 100px;
}
a {
	color: LightGray;
}

img {
	max-width: 100%;
}

li {
	margin-bottom: .5em;
}

#title {
	display: inline;
}
span.subtitle {
	font-style: italic;
}


ul.homepage-posts {
	padding-left: 1em;;
}
ul.homepage-posts .post {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
ul.homepage-posts .post a {
	width: 75%;
}
ul.homepage-posts .post .date{
	width: 20%;
	text-align: right;
}

blockquote {
	margin-left: 1em;
	padding-left: 1em;
	border-left: solid grey 3px;
}

pre {
	overflow-x: auto;
}