brand text

Author: maxchistt

src/App.css

@@ -50,3 +50,10 @@
     transform: rotate(360deg);
   }
 }
+
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
+
+.brand {
+  font-family: "Roboto", sans-serif;
+  padding-top: 0.2rem !important;
+}

src/App.js

@@ -12,7 +12,7 @@ import Card, { checkCardsArr } from './Shared/Card'
 
 const { loadData, postData, updDataServLogin } = DataService()
 
-const testText = "Notes App"
+const brandText = "Notes"
 
 var cardCount = 0
 
@@ -203,7 +203,7 @@ function App() {
           <nav className="d-flex container px-0 flex-wrap-reverse justify-content-around">
             <div className="text-center d-flex p-1 align-items-center justify-content-center flex-wrap">
               <img src={logo} className="App-logo" alt="logo" />
-              <h1 className="h2 m-0 text-dark pr-3">{testText}</h1>
+              <h1 className="h2 m-0 text-dark pr-3 brand">{brandText}</h1>
             </div>
             <div className="text-center d-flex p-0 align-items-center flex-wrap ml-auto">
               {logged &&