6 <meta name='viewport' content='width=device-width, initial-scale=1'>
8 <title>{{ title }}</title>
11 html, body, h1, h2, h3, h4, h5, p {
17 font-family: Verdana, serif;
25 font-family: Optima, 'Gill Sans', sans-serif;
29 h1 { font-size: 48px; }
30 h2 { font-size: 42px; font-weight: bold; }
41 flex-direction: column;
51 justify-content: space-between;
53 border-bottom: 1px solid black;
64 width: calc(100% - 2rem);
68 body > main > section.content h1 { font-size: 40px; }
69 body > main > section.content h2 { font-size: 36px; font-weight: normal; }
70 body > main > section.content h3 { font-size: 32px; }
71 body > main > section.content h4 { font-size: 26px; font-family: Verdana, sans-serif; }
72 body > main > section.content h5 { font-size: 22px; font-family: Verdana, sans-serif; }
74 body > main > section.content > blockquote,
75 body > main > section.content > hr,
76 body > main > section.content > p,
77 body > main > section.content > pre {
78 margin-bottom: 0.8rem;
81 body > main > section.content > :last-child {
85 body > main > section.content code {
91 border-top: 1px solid black;
98 justify-content: center;
101 body > footer section.copyright {
111 <a href='https://kerkeslager.com'>Home</a>
118 <section class='content'>
124 <section class='copyright'>
125 © 2022 by David Kerkeslager