<!doctype html>
<html lang="en">
<head>
<title>{% block title %}{% endblock %}</title>
<style>
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal
ul {
list-style: none
button, input, select {
margin: 0
html {
box-sizing: border-box
*, *::before, *::after {
box-sizing: inherit
img, video {
height: auto;
max-width: 100%
iframe {
border: 0
table {
border-collapse: collapse;
border-spacing: 0
td, th {
/* no longer minireset */
body {
font-family: sans-serif;
background-color: #333;
color: #ababab;
margin: 1em 1em 0;
a, a:visited, a:focus {
color: #aad7ff;
form {
display: flex;
flex-direction: column;
align-items: flex-start;
form > * {
margin-bottom: .5em;
.breadcrumbs {
list-style: none;
.breadcrumbs li:not(:first-child)::before {
content: '/';
margin-left: .5em;
margin-right: .5em;
font-style: normal;
.breadcrumbs li.future {
font-style: italic;
.breadcrumbs li.current {
font-weight: bold;
</style>
{% block head %}{% endblock head %}
</head>
<body>{% block body %}{% endblock %}</body>
</html>