html {
	font: 111%/1.5  "Fedra Sans Screen 2", helvetica, arial, sans-serif;
	background: hsl(0,0%,10%);
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "kern" 1, "liga" on, "dlig" on;
	   -moz-font-feature-settings: "kern" 1, "liga" on, "dlig" on;
	        font-feature-settings: "kern" 1, "liga" on, "dlig" on;
}
* {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	background-color: #d7ded9;
}
#m body {
	-moz-columns: 160px;
	columns: 160px;
	-moz-column-gap: 0;
	column-gap: 0;
}
#m a {
	display: block;
}
#m img {
	display: block;
	width: 100%;
	height: auto;
	transition: .2s;
}
#m a:hover img,
#m a:focus img {
	transform: scale(.95);
}
#m a[href^='?p='] {
	width: 100%;
	height: 33vmin;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .2s;
	color: black;
	text-decoration: none;
}
h1 {
	font-family: "Irma 2";
	margin: 0;
	font-size: 1em;
}
p {
	margin: 0;
}
time {
	font-size: .8em;
}
#s article {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
#s article a{
	margin: auto auto 0;
}
#s article div {
	margin: 0 auto auto;
	padding: .5em;
	max-width: 35em;
}
#s article img {
	display: block;
	max-width: 100%;
	max-height: 95vh;
	height: auto;
	width: auto;
}
nav {
	display: flex;
}
nav a {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	min-height: 20vh;
	transition: .2s;
	color: black;
	text-decoration: none;
}