Add scaling on hover for Quick Links; A bit of clean up.

src/partials/_common.scss

@@ -43,6 +43,7 @@
     --white-3: #f5f5f5ff;
 
     --font-size-generic: 1.85vh;
+
     --font-family-generic: "Liberation Sans", Arial, Sans-Serif;
     --font-family-title: "Liberation Serif", Arial, Sans-Serif;
 
@@ -60,6 +61,7 @@
     --transition-cut: none;
 
     --transform-scale-x: scaleX(1.15);
+    --transform-scale-y: scaleY(1.15);
 
     body {
         background-color: var(--background-0);
@@ -93,10 +95,6 @@ a {
     font-family: var(--font-family-generic);
 }
 
-p {
-    font-family: var(--font-family-generic);
-}
-
 ion-icon {
     width: 1rem;
     height: 1rem;

src/partials/_nav_quick_links.scss

@@ -22,6 +22,8 @@
         width: var(--item-size);
         height: var(--item-size);
 
+        transition: var(--transition-fade);
+
         ion-icon {
             /*
             To colour the icons, apply inline styling.
@@ -35,4 +37,9 @@
             border-radius: var(--border-radius-leaf);
         }
     }
+
+    a:hover {
+        transition: var(--transition-cut);
+        transform: var(--transform-scale-x) var(--transform-scale-y);
+    }
 }