incoporating material ui

src/App.scss

@@ -0,0 +1,34 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
+
+.App {
+  text-align: center;
+}
+
+
+.welcome-page {
+  
+}
+.welcome-header {
+  font-family: 'Open Sans', sans-serif;
+  h1 {
+    font-size: 2.4rem;
+    font-weight: 900;
+  }
+  h2 {
+    font-weight: 400;
+    position: relative;
+    bottom: 0.8rem;
+  }
+}
+
+.landing {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 75vw;
+  h3 {
+    position: relative;
+    top: 0.8rem;
+  }
+}