/* Article text styled after https://samat.me */

body {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 1em;
	font-family: Georgia, serif;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #333333;
}

pre {
	background-color: #ffffcc;
	overflow-x: auto;
	padding: 0.8em;
	font-size: 0.9em;
	box-shadow: 0 -1px 0 #bbbbbb inset;
}

pre code {
	font-size: 0.9em;
}

code {
	font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
}

:not(pre) > code {
	padding: 0.2em;
	background-color: #ffcccc;
	font-size: 0.9em;
}

.date {
	margin: 0;
	color: #909090;
	font-size: 0.8em;
	font-family: sans-serif;
}

h1 .mono {
	font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
	font-weight: normal;
}

h1 a.lang {
	font-size: 0.5em;
	font-family: sans-serif;
	font-weight: normal;
	color: #909090;
}

img {
	max-width: 100%;
	width: 100%;
	height: auto;
	box-shadow: 0 3px 3px #bbbbbb;
}

li + li {
	padding-top: 0.25em;
}

ul, ol {
	padding-left: 1em;
}

blockquote {
	margin: 1em;
	border-left: solid 0.1em #cecece;
	padding: 0.5em 2em;
	background-color: #efefef;
	box-shadow: 0 -1px 0 #bbbbbb inset;
}

table {
	width: 100%;
	border-bottom: solid 1px #cecece;
	border-collapse: collapse;
}

table thead {
	background-color: #cecece;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #1a1a1a;
		color: #d9d9d9;
	}

	a {
		color: #8ab4f8;
	}

	pre {
		background-color: #2a2a1e;
		box-shadow: 0 -1px 0 #555555 inset;
	}

	:not(pre) > code {
		background-color: #4a2f2f;
	}

	blockquote {
		border-left-color: #555555;
		background-color: #262626;
		box-shadow: 0 -1px 0 #555555 inset;
	}

	table {
		border-bottom-color: #555555;
	}

	table thead {
		background-color: #3a3a3a;
	}

	img {
		box-shadow: 0 3px 3px #000000;
	}
}