Use Space Grotesk consistently across the site typography

Author: AbdulSalam416

web/assets/css/main.css

@@ -16,7 +16,7 @@
     --color-footer-bg: #101620;
 
     --font-heading: 'Space Grotesk', system-ui, sans-serif;
-    --font-body: 'Georgia', serif;
+    --font-body: 'Space Grotesk', system-ui, sans-serif;
 
     --container-max-width: 1100px;
 }
@@ -34,7 +34,6 @@
     --color-footer-bg: #0b0f19;
 }
 
-@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&display=swap');
 
 ::-webkit-scrollbar {
   width: 10px;

web/layouts/_default/baseof.html

@@ -18,7 +18,7 @@
     <link rel="stylesheet" href="{{ $style.RelPermalink }}">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     {{ if not hugo.IsServer }}
     <script data-goatcounter="https://open-traceability.goatcounter.com/count"