Update blog style and email

1 files changed, 22 insertions, 4 deletions

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index c6149a4..98f5880 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -1,5 +1,5 @@
 $secondaryColor: #DB0A16 !default;
-$linkColor: #FFDC00;
+$tertiaryColor: #FFDC00;
 
 @media (prefers-color-scheme: dark) {
   $primaryColor: #FFFFFF;
@@ -8,11 +8,11 @@ $linkColor: #FFDC00;
     background-color: #181818;
   }
   blockquote {
-    opacity: 0.6;
+    color: darken($primaryColor, 20%);
     border-color: darken($primaryColor, 60%);
   }
   a:hover {
-    text-decoration-color: $linkColor !important;
+    text-decoration-color: $tertiaryColor !important;
   }
 }
 
@@ -23,10 +23,11 @@ $linkColor: #FFDC00;
     background-color: #FFFFFF;
   }
   blockquote {
+    color: lighten($primaryColor, 40%);
     border-color: lighten($primaryColor, 80%);
   }
   a:hover {
-    background-color: $linkColor;
+    background-color: $tertiaryColor;
     text-decoration-color: $secondaryColor;
   }
 }
@@ -58,6 +59,16 @@ a {
   }
 }
 
+u {
+    text-decoration-thickness: 2px;
+    text-underline-offset: 2px;
+    color: inherit;
+}
+
+mark {
+  background-color: $tertiaryColor;
+}
+
 
 .section-header {
   font-size: 2.0rem;
@@ -81,3 +92,10 @@ a {
     flex: 100 0;
   }
 }
+
+footer {
+  margin-left: 0.5cm;
+  margin-right: 0.5cm;
+  margin-top: 1cm;
+  margin-bottom: 2cm;
+}