html {
min-height: 100vh;
margin:0; padding: 0;
font: 18px serif;
}
body {
max-width: 79ch;
margin: 0 auto;
padding: 0 2ch;
background: #385180;
color: white;
}
main {
max-width: 79ch;
padding: 2ch;
margin: auto;
background: #405990;
}
footer {
text-align: right;
padding: 1ch 0;
}
@media screen and (max-width: 700px) {
body { padding: 0; }
main,footer { padding: 1ch; }
h1 { padding: 0 1ch; }
}
a {
color: yellow;
}
#back {
float: left;
}
code {
color: #c0ffee;
}
blockquote { position: relative; }
blockquote::before {
content: "“";
font-size: 2em;
position: absolute;
left: -1em;
top: -0.25em;
}