Try to fix the amber css style

Author: ell1e

css/amber.css

@@ -1,31 +1,34 @@
 body {
-    background-color: black;
-    colour: #ffb000;
+    background-color: black !important;
+    color: #ffb000 !important;
     font-family: monospace;
 }
 #pagelink {
-    color: #ffb000;
+    color: #ffb000 !important;
 }
 #pagelink > a {
     text-decoration: none;
 }
 #hero h1 { color: #ffb000; }
 #hero nav h2 { color: #ffb000; }
 .project { color: #ffb000; }
-.project > a { text-decoration: none; }
-.project > a > h3 { text-decoration: underline; }
+.project a { text-decoration: none; }
+.project a > project-title {
+    text-decoration: underline;
+}
 #projects h2 { color: #ffb000;}
 p, li { color: #ffb000; font-family: monospace; }
 
 .button {
-  background-color: #004fff;
-  color: white;
+  background-color: #004fff !important;
+  color: white !important;
   filter: invert(1);
 }
 
-a, h1, h2, h3 { color: #ffb000; }
+a, h1, h2, h3, project-title { color: #ffb000 !important; }
 a { text-decoration: underline; }
 
 img[src*="images/logo-placeholder.png"] {
     filter: hue-rotate(-217deg) saturate(214%) brightness(90%);
 }
+

css/style.css

@@ -56,7 +56,8 @@ section { max-width: 960px; margin: 0 auto; }
 .project img { display: inline-block; width: 1.5em; height: 1.5em; }
 .project a:hover { text-decoration: none; }
 .repo-icons { float: right; z-index: 99; }
-.project > a > project-title:hover { text-decoration: underline; }
+.project a:hover > project-title,
+    .project a:active > project-title { text-decoration: underline; }
 .repo-icons img:not(.nofilter) {
   filter: invert(40%);
 }
@@ -154,25 +155,24 @@ span.author:before { font-style: normal; content: "by "; }
 /* Dark mode tweaks: */
 @media (prefers-color-scheme: dark) {
    #pagelink, a {
-     color:#E0A0F0 !important;
+     color:#E0A0F0;
    }
    body {
-     background-color:#242138 !important;
+     background-color:#242138;
      color:#dbd1e1;
    }
    h1, h2, #projects h2 {
-     color:white !important;
+     color:white;
    }
    .button {
-     background-color:#532e93 !important;
+     background-color:#532e93;
    }
    .tag {
-     background-color:#3b2e53 !important;
-     color:#d0a6d4 !important
-     ;
+     background-color:#3b2e53;
+     color:#d0a6d4;
    }
   .tag-selected {
-    background-color:#a571ab !important;
+    background-color:#a571ab;
     color:#201720;
   }
 }