add new font

src/App.js

@@ -7,6 +7,7 @@ import {
   } from "react-router-dom";
   import Stack from 'react-bootstrap/Stack'
   import Container from 'react-bootstrap/Container'
+  import Logo from "./components/Logo/index.js";
   export default function App() {
     return (
       <Router>
@@ -40,7 +41,7 @@ import {
   }
   
   function About() {
-    return <h2>About</h2>;
+    return <Logo/>;
   }
   
   function Users() {

src/App.module.scss

@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
 .item{
    border:1px solid black;
    width:70vw;
@@ -8,5 +9,5 @@
    text-align: center;
     width:90%;
     margin:0 auto;
-    
+    font-family: 'Poppins', sans-serif;
 }

src/components/Logo/index.js

@@ -0,0 +1,8 @@
+import styles from "./index.module.scss";
+
+  export default function logo() {
+    return (
+     <h2>Hello</h2>
+    );
+  }
+  

src/components/Logo/index.module.scss

@@ -0,0 +1,10 @@
+.container {
+    position: relative;
+}
+.map {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}