html
{
	background: #222;
	color: #eee;
}
@media (max-width:89em)
{
	html
	{
		font-size: 0.95em;
	}
}
@media (min-width:90em)
{
	html
	{
		font-size: 1.05em;
	}
}
@media (min-width:100em)
{
	html
	{
		font-size: 1.1em;
	}
}
a
{
	color: #fcc;
}
:not(p)
{
	max-width: 50em;
	margin: .5% auto;
	font-family: sans-serif;
	line-height: 1.3;
	padding: .5%;
	overflow: auto;
}
.date
{
	background: none;
}
img, iframe, .f > *
{
	max-width: 95%;
}
.title>*, header ul>li, .nav ul>li, #footer ul>li
{
	display: inline;
	text-align: center;
}
span, .h>a, .f
{
	display: none;
}
h1.title, .date, hr, *:focus+.f
{
	position: relative;
	display: block;
	clear: both;
	padding: 0;
}
#leah
{
	float: right;
	max-width: 35%;
}
.f > *
{
	position: fixed;
	top: 0;
	left: 50%;
	height: 95%;
	transform: translate(-50%,0);
}
code, pre
{
	background: #444;
	font-size: 0.95em;
}
.t
{
	cursor: pointer;
}