better css (thank aki)

ui.css

@@ -1,14 +1,16 @@
 :root {
     --main-width: 85vw;
-    --text-color: #C71585;
+    --title-color: #C71585;
     --bg-color: white;
+    --text-color: #212121;
 
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
       --bg-color: #212121;
-      --text-color: #FF69B4;
+      --title-color: #FF69B4;
+      --text-color: white;
     }
 }
 
@@ -21,7 +23,7 @@
   
 
 html {
-    font-family: Noto Sans;
+    font-family: system-ui;
     scroll-behavior: smooth;
     color: var(--text-color);
 }
@@ -31,18 +33,28 @@ body {
     margin-left: auto;
     margin-right: auto;
     background-color: var(--bg-color);
+    line-height: 1.65
+}
+
+h3 {
+    font-weight: normal;
+    color: var(--title-color)
+}
+a {
+    color: dodgerblue;
+    text-decoration: none;
+    transition: ease 250ms
+}
+a:hover {
+    color: var(--title-color);
+    text-decoration: underline;
+}
+
+h1, h2 {
+    font-weight: 600;
+    color: var(--title-color)
 }
 
 h1 {
-    padding-bottom: 0;
-}  
-  
-a {
-    color: var(--text-color);
-    text-decoration: none;
-}
-a:hover {
-    color: var(--bg-color);
-    text-decoration: underline;
-    text-decoration-color: var(--text-color);
+    line-height: 2;
 }