1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <title>{{ config.title }}</title>
7  <meta name="description" content="{{ config.description }}">
8  <style>
9    * { margin: 0; padding: 0; box-sizing: border-box; }
10    body {
11      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
12      color: #333;
13      line-height: 1.7;
14      max-width: 600px;
15      margin: 0 auto;
16      padding: 80px 24px 60px;
17      font-size: 15px;
18    }
19    a { color: #0066fe; text-decoration: none; }
20    a:hover { text-decoration: underline; }
21    h1 {
22      font-family: 'Berkeley Mono', 'SF Mono', 'Menlo', monospace;
23      font-size: 16px;
24      font-weight: 400;
25      letter-spacing: 2px;
26      margin-bottom: 48px;
27    }
28    h1 a { color: #0066fe; }
29    h2 {
30      font-size: 20px;
31      font-weight: 700;
32      color: #1a1a1a;
33      margin-top: 36px;
34      margin-bottom: 12px;
35    }
36    h2 a { color: #0066fe; }
37    p { margin-bottom: 8px; }
38    ul { margin: 0 0 0 24px; }
39    li { margin-bottom: 4px; }
40    .intro { margin-bottom: 24px; }
41    footer {
42      margin-top: 120px;
43      font-size: 13px;
44      color: #999;
45    }
46    footer a { color: #999; }
47  </style>
48</head>
49<body>
50  {% block content %}{% endblock %}
51</body>
52</html>