1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root { color: #29251f; background: #fdfbf6; font-family: Times, "Libre Baskerville", Baskerville, Georgia, serif; font-size: 16px; line-height: 1.75; }
* { box-sizing: border-box; }
body { margin: 0; padding: 11vh 2rem 15vh; }
main { width: min(35vw, 44rem); min-width: 0; margin: auto; }
a { color: inherit; text-decoration-color: #b9b0a0; text-underline-offset: .16em; }
a:hover { text-decoration-color: currentColor; }
h1, h2, h3 { line-height: 1.25; font-weight: 400; }
h1 { margin: 0 0 1.4rem; font-size: 1.75rem; }
h2 { margin-top: 2.5rem; font-size: 1.25rem; }
h3 { margin-top: 2rem; font-size: 1rem; }
p, li { overflow-wrap: break-word; }
article { text-align: justify; hyphens: auto; }
article header { text-align: left; }
.metadata, .back, .pages, .post-list, .empty { font-size: .78rem; }
.metadata { color: #756e63; margin: -1rem 0 3rem; }
.back { color: #8b8377; display: inline-block; margin-bottom: 3rem; text-decoration: none; }
.back:hover { color: #29251f; }
.post-list { list-style: none; padding: 0; margin: 2.5rem 0 0; }
.post-list li { display: grid; grid-template-columns: 9.7rem minmax(0, 1fr) auto; gap: .7rem; align-items: baseline; padding: .45rem 0; }
time { color: #756e63; font-variant-numeric: tabular-nums; white-space: nowrap; }
.post-link { text-decoration: none; }
.post-link:hover { text-decoration: underline; text-decoration-color: #b9b0a0; text-underline-offset: .16em; }
.tags { text-align: right; white-space: nowrap; }
.tag { color: #756e63; text-decoration: none; }
.tag:hover { color: #29251f; text-decoration: underline; }
.pages { color: #756e63; margin-top: -.8rem; }
blockquote { margin: 1.5rem 0; padding-left: 1.2rem; border-left: 1px solid #d7d0c4; color: #514b42; }
pre { overflow-x: auto; padding: 1rem; background: #f6f2e9; font-size: .82rem; line-height: 1.5; }
code { font-size: .85em; }
img { display: block; max-width: 100%; height: auto; }
hr { border: 0; border-top: 1px solid #e5dfd4; margin: 2.5rem 0; }
@media (max-width: 900px) { main { width: min(100%, 44rem); } }
@media (max-width: 620px) { body { padding: 7vh 1.25rem 10vh; } .post-list li { grid-template-columns: 1fr auto; gap: .15rem .7rem; } .post-list time { grid-column: 1 / -1; } }
|
