web: responsive layout at /about

static/main.css

@@ -112,8 +112,15 @@ button:hover {
 
 .about main {
 	max-width: 800px;
-	width: 800px;
+	width: 100%;
 	margin: 1rem auto 0;
+	line-height: 1.3;
+}
+
+.about pre {
+	overflow-x: auto;
+	background: #e9ecef;
+	padding: .25rem;
 }
 
 form {
@@ -223,8 +230,8 @@ ol {
 }
 
 .excerpt {
-        overflow-x: hidden;
-        text-overflow: ellipsis;
+	overflow-x: hidden;
+	text-overflow: ellipsis;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -268,6 +275,11 @@ ol {
 		color: #909090;
 	}
 
+	.about pre {
+		background: #131618;
+		color: #fff;
+	}
+
 	.infolinks a {
 		color: darkgrey;
 	}