From 23c0c915f36d7ae243d52fc3cc0ef9346f8b4680 Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Fri, 6 Jan 2023 11:21:35 +0500
Subject: [PATCH] tweak typography

---
 gatsby-browser.js       |  3 ++-
 src/components/theme.js | 19 ++++++++++++++++---
 src/pages/index.js      |  4 ++--
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/gatsby-browser.js b/gatsby-browser.js
index 950f7c9..0075aef 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -1 +1,2 @@
-import "@fontsource/karmilla/400.css"
\ No newline at end of file
+import "@fontsource/karmilla/400.css"
+import "@fontsource/karmilla/700.css"
\ No newline at end of file
diff --git a/src/components/theme.js b/src/components/theme.js
index 9aae813..ee5861c 100644
--- a/src/components/theme.js
+++ b/src/components/theme.js
@@ -11,11 +11,24 @@ const theme = createTheme({
     },
     text: {
       primary: "#DC3E9D",
-    }
+    },
   },
   typography: {
-    fontFamily: `"Karmilla", sans-serif`
-  }
+    fontFamily: `"Karmilla", sans-serif`,
+    h1: {
+      fontSize: 14,
+      fontWeight: 700,
+    },
+    h2: {
+      fontSize: 12,
+    },
+    body1: {
+      fontSize: 21,
+    }
+  },
+  shape: {
+    borderRadius: 0,
+  },
 })
 
 export default theme
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index 022ad6c..0e4919b 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -46,7 +46,7 @@ const BlogIndex = ({ data, location }) => {
       >
         Autonomic is a co-operative that is owned and run by its workers
       </Typography>
-      <Typography variant="h2">What we offer</Typography>
+      <Typography variant="h1" component="h2" sx={{textTransform: "uppercase"}}>What we offer</Typography>
       <List>
         {serviceMenu.map(({ label, path }) => (
           <ListItem key={label}>
@@ -62,7 +62,7 @@ const BlogIndex = ({ data, location }) => {
           </ListItem>
         ))}
       </List>
-      <Typography variant="h2" textTransform={"uppercase"}>
+      <Typography variant="h2" component="h3" textTransform={"uppercase"}>
         Interested? Work with us
       </Typography>
       <Typography>