body { font-size: 16px; background: #f9f5f5 }
@media only screen and (min-width: 768px) {
    body { background: #b9b4b4 }
    .container { background: #f9f5f5; padding: 2.5% 5% }
}
img { max-height: 50ex; }
h1 { border-bottom: 1px solid #ddd; padding-top: 1ex }
li { padding-top: 0.5ex; padding-bottom: 0.5ex }
h2 { padding-top: 1ex; padding-bottom: 0.5ex }
body { letter-spacing: 0.25px }
p, blockquote p { line-height: 135%; padding-top: 5px }
.container { max-width: 90ex; border-radius: 3px }
footer {
    margin-top: 50px;
    padding: 15px;
}
tt {
    font-family: Menlo, 'Source Code Pro', 'Ubuntu Mono', 'DejaVu Sans Mono', 'Droid Sans Mono', 'Fira Mono OT', Consolas, monospace;
}
article img {
    border-radius: 10px;
    border: 1px solid #ddd;
}
article footer img {
    border: none;
}