Update dirlist.css to match site design

public/css/dirlist.css

@@ -1,8 +1,21 @@
-@import "colorschemes/catppuccin-macchiato.css";
+:root {
+  --background: #f2efbd;
+  --background-dim: hsl(57, 85%, 85%);
+  --foreground: #2a271c;
+  --border-color: #f27405;
+  --border: var(--border-color) 2px solid;
+  --shadow-color: hsla(11, 96%, 43%, 0.4);
+  --shadow: drop-shadow(8px 8px var(--shadow-color));
+  --shadow-small: drop-shadow(3px 3px var(--shadow-color));
+  --links: hsl(183, 93%, 27%);
+  --links-hover: hsl(183, 93%, 15%);
+  --table-header: hsla(11, 96%, 43%, 0.2);
+}
 
 body {
   background-color: var(--background);
   color: var(--foreground);
+  margin: 20px;
 }
 
 img {
@@ -10,31 +23,41 @@ img {
 }
 
 a {
-    color: #99f;
+  color: var(--links);
-    text-decoration: none;
+  text-decoration: underline dotted;
 }
 
 a:hover {
-    text-decoration: underline;
+  color: var(--links-hover);
+  text-decoration: underline solid;
 }
 
 h1#indextitle {
-	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-	margin-bottom: 0;
+    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  margin: 0;
 }
 
-tr, th, td {
+tr,
+th,
+td {
   font-family: monospace;
   font-size: 12pt;
-	padding: 0 5px;
+  padding: 0 15px;
+}
+
+tr td:nth-child(2) {
+  padding-left: 0;
 }
 
 address {
   font-family: sans-serif;
-	font-size: 12pt
+  font-size: 12pt;
 }
 
 .description {
   font-style: italic;
   font-size: 90%;
 }
+