Added Sidenote Component

src/styles/globals/content.css

@@ -1,5 +1,7 @@
 @layer content {
   .content {
+    font-family: var(--font-body);
+
     & h1 {
       margin-block: var(--el-h1-vspace-top) var(--el-h1-vspace-bottom);
       padding-bottom: var(--spacing-snug);
@@ -430,19 +432,21 @@
     }
 
     a {
-      @mixin anim-txt-pixelshift 0.6s steps(15, end), var(--color-primary);
+      &:not([class]) {
+        @mixin anim-txt-typewriter;
 
-      color: var(--color-text-tertiary);
-      transition: color 0.2s ease-in-out;
+        color: var(--color-text-tertiary);
+        transition: color 0.2s ease-in-out;
 
-      &:hover {
-        cursor: pointer;
-        color: var(--color-primary);
-      }
+        &:hover {
+          cursor: pointer;
+          color: var(--color-primary);
+        }
 
-      &:visited,
-      &:active {
-        color: var(--color-primary-emphasis);
+        &:visited,
+        &:active {
+          color: var(--color-primary-emphasis);
+        }
       }
     }