Add Montserrat Font (#57)

* Add Montserrat font family

* font changes and fix some margins

* rebased branch and removed roboto

Author: Abhishek-kumar09

public/index.html

@@ -10,14 +10,9 @@
     />
     <meta name="theme-color" content="#000000" />
     <link rel="manifest" crossorigin="use-credentials" href="%PUBLIC_URL%/manifest.json" />
-    <link
-      href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto+Slab|Roboto:300,400,500,700"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" 
-      rel="stylesheet"
-    >
+    <link 
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap" 
+      rel="stylesheet"> 
     <title>Code for Cause</title>
     <meta
       name="description"

src/layouts/MainLayout/TopBar/index.js

@@ -33,7 +33,8 @@ const useStyles = makeStyles(theme => ({
     }
   },
   toolbar: {
-    minHeight: 64
+    minHeight: 64,
+    maxHeight: 64
   },
   menuButton: {
     float: 'right',

src/theme/typography.js

@@ -1,8 +1,12 @@
 export default {
+  fontFamily: [
+    '"Montserrat"',
+  ].join(','),
+
   h1: {
     fontWeight: 500,
     fontSize: 35,
-    letterSpacing: '-0.24px'
+    letterSpacing: '-0.24px',
   },
   h2: {
     fontWeight: 500,
@@ -20,12 +24,12 @@ export default {
     letterSpacing: '-0.06px'
   },
   h5: {
-    fontWeight: 500,
+    fontWeight: 600,
     fontSize: 16,
     letterSpacing: '-0.05px'
   },
   h6: {
-    fontWeight: 500,
+    fontWeight: 600,
     fontSize: 14,
     letterSpacing: '-0.05px'
   },