body {
- font-family: "Times New Roman", Times, serif;
+ font-family: "Times New Roman", serif;
+ text-rendering: optimizeLegibility;
+ font-variant: historical-ligatures;
+ font-feature-settings: "hlig" 1, "dlig" 1, "onum" 1, "zero" 1, "swsh" 1, "kern" 1, "medi" 1;
line-height: 1.6;
letter-spacing: 0.02em;
}
}
.columned {
- height: calc(100vh - 180px);
+ height: calc(100vh - 200px);
width: max-content;
}
.columned .h2 {
float: left;
margin: 0 40px;
- height: calc(100vh - 180px);
+ height: calc(100vh - 200px);
}
.columned h2 {
.columned .h3, .columned p {
width: 22em;
- break-inside: prevent;
}
.columned pre { width: 25em }
}
+.columned .h2:first-of-type pre {
+ line-height: 1;
+}
+
blockquote, p { max-width: 45em }
pre { max-width: 55em }
blockquote {
h1, h2, h3 { font-weight: normal }
br { display: none }
pre {
- font-family: Monaco, monospace;
+ font-family: courier, monospace;
font-size: 14px;
background-color: #eee;
overflow-x: auto;
width: 64px;
height: 64px;
display: inline-block;
- background-color: gainsboro;
+ background-color: #000;
+ border: 1px solid #000;
}
@media (prefers-color-scheme: dark) {
background: #000;
}
+ canvas {
+ background-color: #fff;
+ border: 1px solid #fff;
+ }
+
a {
color: #5dc1fd;
display: inline-block;