notes for design patterns and rss feed

assets/styles/style.css

@@ -22,7 +22,9 @@
   --page-bg: #444;
   --fg: #f3f3f3;
 
-  --heading: #f9f9f9;
+    --heading: #9ecbff;
+    --heading-2: #FFBB87;
+    --heading-3: #FF6F61;
   --link: lightblue;
   --link-2: var(--link);
 
@@ -60,17 +62,26 @@ body {
   font-family: Inter, sans-serif;
 }
 
-/* Keep your layout intent (column app shell) */
+.tag {
+    background-color: transparent !important;
+    color: var(--link);
+}
+
 body {
   display: flex;
   flex-direction: column;
 }
 
-h1,
-h2,
-h3 {
+h1 {
   color: var(--heading);
 }
+h2 {
+  color: var(--heading);
+}
+h3 {
+    color: var(--heading-2);
+}
+
 
 a {
   color: var(--link-2);
@@ -81,10 +92,6 @@ a:hover {
   text-decoration: underline;
 }
 
-/* =========================================================
-   PREAMBLE / HEADER
-   ========================================================= */
-
 #preamble {
   top: 0;
   z-index: 20;
@@ -98,9 +105,9 @@ a:hover {
 }
 
 .banner-header {
-  position: relative;               /* anchor for Close All */
+  position: relative;
   display: flex;
-  justify-content: flex-start;       /* align to left */
+  justify-content: flex-start;
   align-items: center;
   gap: 1rem;