css, move to proper location.

assets/css/extended/custom.css

@@ -0,0 +1,72 @@
+/* Widen the site so that sentences don't wrap. */
+:root {
+    --main-width: 1200px; /* Adjust value as needed */
+}
+
+/* Center and align the social media icons */
+.center {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  justify-content: center;
+}
+
+/* From static/style.css */
+body {
+	font-family: sans-serif ;
+	background: #ccc ;
+	color: #333 ;
+}
+
+main {
+	max-width: 800px ;
+	margin: auto ;
+}
+
+img {
+	max-width: 100% ;
+}
+
+header h1 {
+	text-align: center ;
+}
+
+footer {
+	text-align: center ;
+	clear: both ;
+}
+
+a {
+	color: #ca3 ;
+}
+
+h1,h2,h3,h4,h5,h6,b,strong {
+	color: #3c3 ;
+}
+
+/* For TAGLIST.HTML */
+.taglist {
+	text-align: center ;
+	clear: both ;
+}
+
+/* For NEXTPREV.HTML * /
+#nextprev {
+	/* The container for both the previous and next articles. * /
+}
+/* */
+#prevart {
+	float: left ;
+	text-align: left ;
+}
+#nextart {
+	float: right ;
+	text-align: right ;
+}
+#nextart,#prevart {
+	max-width: 33% ;
+}
+
+body {
+  text-align: center;
+}