style!

assets/_colors.scss

@@ -10,7 +10,7 @@
     --outlinegray: #dadada;
     --million-progress-bar-color: var(--secondary);
     --highlighted: #00e7e388;
-    --header: #a1e7ff;
+    --header: #00e7e3d1;
     --title: #00e7e3
     --scrollbar: gray;
     --scrollbar-track: #DDD;

assets/_main.scss

@@ -2,6 +2,10 @@ html {
   font-size: $font-size-base;
   scroll-behavior: smooth;
   touch-action: manipulation;
+  & *::selection {
+    background-color: rgb(133, 25, 81);
+    border-radius: 1.5em;
+  }
 }
 
 body {

assets/_markdown.scss

@@ -31,6 +31,12 @@
       opacity: initial;
     }
   }
+  h1 {
+    -webkit-text-stroke: 2.5px currentColor;
+  }
+  h2 {
+    -webkit-text-stroke: 1.7px currentColor;
+  }
 
   h4,
   h5,

assets/quartz/styles/custom.scss

@@ -1 +1,43 @@
 // Add your own CSS here!
+.tag-container {
+  display: inline-flex;
+  flex-wrap: wrap;
+  & > .post-tag + .post-tag {
+    margin-left: 0.5em;
+  }
+  font-size: 10px;
+}
+#tabs-post-meta {
+  color: var(--gray) !important;
+  user-select: none;
+  font-size: 15px;
+  font-family: "AaBobble";
+}
+.tags-heading h3 {
+  margin: 0;
+  margin-top: 0.8em;
+}
+.post-date {
+  // margin: 1.7em 0;
+  display: inline-block;
+}
+.small-caps {
+  text-transform: uppercase;
+}
+.post-tag {
+  display: inline-block;
+  background-color: var(--secondary);
+  border-radius: 25px;
+  padding: 3px 7px;
+  font-size: 12px;
+  transition: box-shadow 300ms ease-out;
+  &:hover {
+    box-shadow: 3px 2px 0px #affffe;
+  }
+  a {
+    color: #000;
+    &:hover {
+      text-shadow: 0px 1px 0px #000;
+    }
+  }
+}