width: max-content;
}
- .columned .h2 {
+ .columned .h2:not(:only-child) {
float: left;
margin: 0 40px;
height: calc(100vh - 200px);
}
- .columned h2 {
+ .columned .h2:not(:only-child) h2 {
width: 14.6em;
}
- .columned .h3, .columned p {
+ .columned .h2:not(:only-child) .h3, .columned .h2:not(:only-child) p {
width: 22em;
}
- .columned pre { width: 25em }
+ .columned .h2:not(:only-child) pre { width: 25em }
+}
+
+.columned .h2:first-of-type pre {
+ line-height: 1;
}
blockquote, p { max-width: 45em }
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;