CSS styling:

client/App.jsx

@@ -11,12 +11,6 @@ class App extends Component {
   render(){
     return (
       <div className="router">
-        <Typed      
-          className="header"
-          strings={['GitBuddy']}
-          typeSpeed={300}
-        />
-        <br/>
         {/* <h1>gitBuddy</h1>  */}
 
         <main>

client/components/Login.jsx

@@ -10,6 +10,12 @@ function Login(props) {
     "https://github.com/login/oauth/authorize?client_id=13e0e054832447d72513&redirect_uri=http://localhost:3000/login";
   return (
     <div className="oauth">
+              <Typed      
+          className="headerLogin"
+          strings={['GitBuddy']}
+          typeSpeed={300}
+        />
+        <br/>
       <a href={`${oAuthUrl}`}>
         <img
           src='/assets/Octocat.png'

client/components/MainContainer.jsx

@@ -1,4 +1,6 @@
 import React, { Component } from 'react';
+import Typed from "react-typed";
+
 import RepoGrabber from './RepoGrabber.jsx';
 import DataDisplay from './DataDisplay';
 import CSVExport from './CSVExport';
@@ -101,6 +103,12 @@ csvExporter.generateCsv(data);
     if(this.state.name){nameVar = this.state.name}
     return(
       <div className="MainContainer">
+                <Typed      
+          className="headerMainContainer"
+          strings={['GitBuddy']}
+          typeSpeed={300}
+        />
+        <br/>
         <p className="greeting" id='grettingID'>Hi, {`${nameVar}`}. <br/>Check out your followers below.</p>
         <p id='greetingDetail' >Select your GitHub Followers and/or your Repo Stargazers</p>
         <RepoGrabber 

client/stylesheets/styles.css

@@ -10,7 +10,17 @@
   text-align: center;
   box-sizing: border-box;
 }
-.header {
+
+.headerLogin{  font-size: 42px;
+  font-weight: bolder;
+}
+
+.oauth{
+  color: #414941;
+  margin-bottom: none;
+  padding-top: 100px;
+}
+.headerMainContainer {
   color: #414941;
   font-size: 42px;
   font-weight: bolder;