simplified styling

Author: kaizer1v

src/components/Nav.astro

@@ -3,11 +3,12 @@ const { current = '' } = Astro.props;
 ---
 
 <style>
+
   nav {
     align-items: center;
     display: flex;
     flex: 1;
-    font-family: var(--font-ibm);
+    font-family: var(--font-family-mono);
     font-weight: 700;
     justify-content: flex-end;
     text-transform: uppercase;

src/layouts/BaseLayout.astro

@@ -2,6 +2,7 @@
 import BaseHead from '../components/BaseHead.astro';
 import Header from '../components/Header.astro';
 import Footer from '../components/Footer.astro';
+import '../styles/global.scss';
 
 export interface Props {
   title: string;
@@ -30,6 +31,7 @@ const { title, description, permalink, current } = Astro.props;
 </html>
 
 <style >
+
   .layout {
     display: flex;
     flex-direction: column;

src/pages/work/index.astro

@@ -42,10 +42,10 @@ allPosts = allPosts.sort((a, b) => new Date(b.frontmatter.publishDate).valueOf()
 </BaseLayout>
 
 <style>
-  
+
   h2,
   .post-item-footer {
-    font-family: var(--font-family-serif);
+    font-family: var(--font-family-mono);
     font-weight: 700;
   }