style: main title and shadow for typing

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>

Author: peterpeterparker

src/components/Hero/styles.module.scss

@@ -87,7 +87,20 @@
 }
 
 .typing {
-  color: var(--ifm-color-primary);
+  color: var(--typing-color);
+  text-shadow:
+    0 0 0 var(--typing-shadown-color),
+    0 0 0 var(--typing-shadown-color),
+    4px 4px 0 var(--typing-shadown-color),
+    4px 4px 0 var(--typing-shadown-color);
+
+  --typing-color: var(--ifm-color-primary);
+  --typing-shadown-color: var(--ifm-font-color-base);
+
+  html[data-theme="dark"] & {
+    --typing-color: var(--ifm-font-color-base);
+    --typing-shadown-color: var(--ifm-color-primary);
+  }
 }
 
 .llms {

src/mixins/_fonts.scss

@@ -14,6 +14,7 @@
 
 @mixin h1 {
   --ifm-h1-font-size: 3rem;
+  letter-spacing: -0.05em;
   margin-bottom: calc(
     var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
   );