/* from style.css */

#fg0 {color: #2d3241;}
#fg1 {color: #b04b57;}
#fg2 {color: #93b379;}
#fg3 {color: #e5c179;}
#fg4 {color: #6f8fb4;}
#fg5 {color: #a4799d;}
#fg6 {color: #77b3c5;}
#fg7 {color: #dfe3ec;}
#fg8 {color: #3b4457;}
#fg9 {color: #b04b57;}
#fg10 {color: #93b379;}
#fg11 {color: #e5c179;}
#fg12 {color: #6f8fb4;}
#fg13 {color: #a4799d;}
#fg14 {color: #7eafad;}
#fg15 {color: #e7ebf1;}
#bg0 {background: #2d3241;}
#bg1 {background: #b04b57;}
#bg2 {background: #93b379;}
#bg3 {background: #e5c179;}
#bg4 {background: #6f8fb4;}
#bg5 {background: #a4799d;}
#bg6 {background: #77b3c5;}
#bg7 {background: #dfe3ec;}
#bg8 {background: #3b4457;}
#bg9 {background: #b04b57;}
#bg10 {background: #93b379;}
#bg11 {background: #e5c179;}
#bg12 {background: #6f8fb4;}
#bg13 {background: #a4799d;}
#bg14 {background: #7eafad;}
#bg15 {background: #e7ebf1;}
/* generated by wal */
.hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}
.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}
.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}
.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}
.hljs-literal{color:#56b6c2}
.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#98c379}
.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}
.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}
.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:700}
.hljs-link{text-decoration:underline}
/* highlight.js theme */
@font-face {
	font-family: "Roboto Mono", monospace;
	src: url(RobotoMono.ttf);
}
@font-face {
	font-family: 'Hack';
	src: url('hack-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Atkinson Hyperlegible';
	src: url('Atkinson-Hyperlegible.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Hack';
	src: url('hack-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
html, body {
	margin: 0;
	padding: 0;
	color: #e7ebf1;
	background: #2d3241;
	font-family: "Atkinson Hyperlegible", sans-serif;
	font-size: 1.1rem;
}
body {
	padding: 4rem;
	width: calc(100vw - 4rem);
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
a#exa, nav a {
	text-decoration: none;
	color: #e7ebf1;
}
nav {
	margin-bottom: 1rem;
}
.fileList {
	display: inline-flex;
	flex-direction: column;
}
.fileList ul {
		padding-left: 1rem;
	}
.fileList li {
		list-style: none;
	}
.fileList a {
		margin: 0.4rem 0;
	}
main {
	line-height: 1.5rem;
}
main p, main h1, main h2, main h3, main h4, main h5, main h6, main .issue {
		max-width: 70%;
		max-width: 80ch;
	}
main a {
		display: inline-block;
	}
main img {
		margin: 1rem 0;
		max-width: 60vmin;
		max-height: 60vmin;
		height: auto;
		width: auto;
		border: 1px solid #6f8fb4;
		box-sizing: border-box;
	}
.codeblock {
	padding: 0.2rem;
	display: inline-flex;
	flex-direction: column;
}
.codeblock > span {
		color: #77b3c5;
	}
/* Code Block Styling */
pre.hljs {
	background: #282c34;
	box-sizing: border-box;
	text-transform: initial;
	overflow-x: visible;
	display: inline-flex;
	width: 60%;
	width: 80ch;
	margin: 0;
}
/* padding: 0; */
pre.hljs code:first-child {
		/* linenumbers */
		float: none !important;
	}
pre.hljs code:last-child {
		overflow-x: auto;
	}
.title {
	text-decoration: none;
}
.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
	grid-auto-rows: auto;
	grid-gap: 0 1rem;
}
.gallery.single-column {
		grid-template-columns: 1fr;
		margin-left: 8rem;
	}
.gallery.single-column .tile {
			width: 70%;
			justify-self: center;
		}
.gallery .tile {
		align-self: start;
	}
.gallery .tile img {
			margin: 0;
			max-width: initial;
			max-height: initial;
			height: auto;
			width: 100%;
		}
.gallery .tile.portrait {
		box-sizing: border-box;
		grid-row-end: span 2;
	}
p:first-child {
	margin-top: 0;
}
.projects {
	align-self: flex-start;
	/* margin-top: 2rem; */
	display: inline-grid;
	grid-template-columns: 1fr auto;
}
.projects .title, .projects .excerpt, .projects .tags {
		grid-column: 1;
	}
.projects .title {
		justify-self: start;
	}
.projects .title h2 {
			margin: 0;
		}
.projects .date {
		grid-column: 2;
		margin-left: 1rem;
		justify-self: end;
		align-self: center;
	}
.projects .excerpt {
		max-width: 60ch;
		margin: 0.5rem 0;
		color: #e7ebf1;
		text-decoration: none;
	}
.projects .tags {
		grid-column-end: 2;
		margin-bottom: 2rem;
		margin-left: -0.4rem;
		opacity: 0.85;
	}
.projects .tags {
		display: flex;
	}
.projects .tags .tag {
			margin: 0.4rem;
			padding: 0.3rem;
			border-radius: 0.2rem;
			color: #2d3241;
		}
h1, h2, h3 {
	color: rgb(200, 209, 223);
}
h1::before {
	content: "# ";
	color: #93b379;
}
h2::before {
	content: "## ";
	color: #e5c179;
}
h3::before {
	content: "### ";
	color: #6f8fb4;
}
a {
	color: #b04b57;
}
footer {
	margin: 1rem 0;
}
.issue {
	display: flex;
}
.issue img {
		height: 5rem;
		margin-top: 1.2rem;
		margin-left: 0;
		margin-right: 0.8rem;
	}
@media screen and (orientation: portrait) {
	body {
		padding: 1rem;
		width: 100vw;
	}
		main p, main h1, main h2, main h3, main h4, main h5, main h6 {
			max-width: 100%;
		}

	main > pre {
		max-width: 100%;
		overflow-y: auto;
	}

	.gallery.single-column {
		margin-left: 0;
	}

		.gallery.single-column .tile {
			width: 90%;
		}
}