chore: add anchored links

style.css

@@ -183,9 +183,12 @@ styling of the terminal windows
         }
         
         /* title text */
-        p {
+        p, a {
             font-family: "Lexend Deca";
             font-size: 16px;
+
+            color: var(--text);
+            text-decoration: none;
             
             grid-column: 2;
         }
@@ -273,6 +276,9 @@ styling of the terminal windows
 
     transition: .2s border-color;
 }
+.terminal > .term-titlebar > p:hover, a:hover {
+    text-decoration: underline;
+}
 
 /*
 text formatting and config stuff
@@ -280,8 +286,10 @@ font-family and <p> is set under .terminal
 */
 
 /* the only headings i use */
-h1 {
+h1, h1 a {
+    color: var(--text);
     font-size: 32px;
+    text-decoration: none;
 }
 h2 {
     font-size: 28px;
@@ -311,6 +319,10 @@ li {
 .rainbow {
     animation: 2s linear infinite rainbow;
 }
+/* heading 1 is also clickable */
+h1 a:hover {
+    text-decoration: underline;
+}
 
 /*
 about me section/terminal
@@ -319,7 +331,7 @@ about me section/terminal
     margin-top: 3.8em;
 }
 
-article#sneexy {
+#sneexy > article {
     img {
         width: 256px;
         height: 256px;