tweak style

public_html/eh/eh/eh/eh-eh/pandoc/style.css

@@ -2,17 +2,18 @@
 	--foreground: #1a1a1a;
 	--background: #fdfdfd;
 	--border: #c9c9c9;
-	--background-html: #e3e3e3;
+	--html-background: #e3e3e3;
 	--blockquote-text: #606060;
 	--blockquote-border: #e6e6e6;
-
+	--button-border: #fdfdfd;
+	--button-background: #e3e3e3;
 }
 
 :root:has(#dark-mode-toggle:checked) {
 	--foreground: #fdfdfd;
 	--background: #1a1a1a;
 	--border: #4c4c4c;
-	--background-html: #333333;
+	--html-background: #333333;
 	--blockquote-text: #e6e6e6;
 	--blockquote-border: #606060;
 }
@@ -44,8 +45,8 @@ body {
 	flex-wrap: nowrap;
 	justify-content: space-between;
 	text-align: left;
-	border: 2pt ridge var(--border);
-	background-color: var(--background-html);
+	border: 4pt ridge var(--border);
+	background-color: var(--html-background);
 }
 
 #page-header li {
@@ -54,14 +55,14 @@ body {
 }
 
 #page-header a:active {
-	border: 2pt inset var(--border)
+	border: 2pt inset var(--button-border)
 }
 
 #page-header a {
 	margin: 4pt;
 	padding: 4pt;
-	border: 2pt outset var(--border);
-	background-color: var(--background-html)
+	border: 2pt outset var(--button-border);
+	background-color: var(--button-background)
 }
 
 #page-header ul,
@@ -100,11 +101,9 @@ body {
 	text-align: right;
 }
 
-
-
 #page-footer {
-	border: 2pt ridge var(--border);
-	background-color: var(--background-html);
+	border: 4pt ridge var(--border);
+	background-color: var(--html-background);
 }
 
 /*