Some improvements, bugfixes, and updates

assets/css/cube.css

@@ -203,9 +203,17 @@
 	font-size: var(--text-size-base);
 	position: fixed;
 	max-width: calc(var(--wrapper-width, var(--screen-lg)) - (2 * var(--space-size-0)));
-	top: 92%;
+	bottom: 2%;
 	color: white;
 	text-align: left;
+	text-shadow: -2px -2px 0 #000,
+     0   -2px 0 #000,
+     2px -2px 0 #000,
+     2px  0   0 #000,
+     2px  2px 0 #000,
+     0    2px 0 #000,
+    -2px  2px 0 #000,
+    -2px  0   0 #000;
 	padding: 0 var(--space-size-0);
 	background-image: linear-gradient(135deg, transparent 30%, red 30%, red 40%, yellow 40%, yellow 50%, #44ff00 50%, #44ff00 60%, #00fff7 60%, #00fff7 70%, transparent 70%);
 	background-size: 10rem 100%;
@@ -223,8 +231,12 @@
     padding-right: var(--space-size-0);
 }
 
-.blogpost:not(:has(#mono:checked)) .e-content {
-	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+.blogpost .e-content {
+	font-family: var(--font-family-mono-base);
+}
+
+.blogpost:has(#mono:checked) .e-content {
+	font-family: var(--font-family-mono);
 }
 
 .post-title a:not(:hover) {
@@ -584,4 +596,8 @@ pre .comment {
 
 .filter {
 	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.w-content {
+	width: fit-content;
 }