Use inter font

Author: webprofusion-chrisc

src/css/custom.css

@@ -4,16 +4,21 @@
  * work well for content-centric websites.
  */
 
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+
 /* You can override the default Infima variables here. */
 :root {
   --ifm-color-primary: #407950;
-  --ifm-color-primary-dark: rgb(33, 175, 85);
+  --ifm-color-primary-dark: rgb(32, 202, 95);
   --ifm-color-primary-darker: rgb(31, 165, 136);
   --ifm-color-primary-darkest: rgb(26, 136, 63);
   --ifm-color-primary-light: rgb(70, 203, 174);
   --ifm-color-primary-lighter: rgb(102, 212, 189);
   --ifm-color-primary-lightest: rgb(146, 224, 208);
   --ifm-code-font-size: 95%;
+  --ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  --ifm-font-family-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 }
 
 
@@ -74,3 +79,15 @@ h2.title_f1Hy{
  .markdown .clear-float {
   clear:both;
  }
+
+
+.menu {
+  font-weight: normal;
+  font-size:smaller;
+}
+body{
+  
+}
+.navbar{
+  margin-bottom: 1rem;
+}

src/pages/styles.module.css

@@ -1,3 +1,4 @@
+
 /**
  * CSS files with the .module.css suffix will be treated as CSS modules
  * and scoped locally.
@@ -34,8 +35,3 @@
   width: 200px;
 }
 
-
-h1 {
-  font-weight: 400;
-  font-size: 2rem ! important;
-}