diff --git a/public/index.html b/public/index.html
index 6b28ad5..6db5085 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,7 +10,7 @@
       content="Web site created using create-react-app"
     />
     <link
-    href="https://fonts.googleapis.com/css?family=Lovelo|Plexifont|+BV=swap"
+    href="https://fonts.googleapis.com/css?family=Lovelo|Plexifont+BV=swap"
     rel="stylesheet"
   />
     <link rel="stylesheet" href="./style.css" />
diff --git a/public/style.css b/public/style.css
index 7a6358b..f933e4d 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1,3 +1,13 @@
 html{
   background-color: black;
 }
+
+@font-face {
+  font-family: 'Lovelo Black', monospace;
+  src: url('Lovelo Black.otf');
+}
+
+@font-face {
+  font-family: 'plexifont', monospace;
+  src: url('plexifont.ttf');
+}
diff --git a/src/App.css b/src/App.css
index 95bd8fa..2f14d34 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,13 @@
+@font-face {
+  font-family: 'Lovelo Black', monospace;
+  src: url('Lovelo Black.otf');
+}
+
+@font-face {
+  font-family: 'plexifont', monospace;
+  src: url('plexifont.ttf');
+}
+
 .App {
 }
 
diff --git a/src/components/nameInput.js b/src/components/nameInput.js
index 11cda31..16a8887 100644
--- a/src/components/nameInput.js
+++ b/src/components/nameInput.js
@@ -22,7 +22,7 @@ const NameInput = ({ name, setName }) => {
         }}
       >
         <input
-          class="enterName"
+          className="enterName"
           type="text"
           required
           value={tempName}
diff --git a/src/components/nameOutput.js b/src/components/nameOutput.js
index 46c313e..1abb5ef 100644
--- a/src/components/nameOutput.js
+++ b/src/components/nameOutput.js
@@ -18,12 +18,13 @@ const NameOutput = ({ name }) => {
   };
 
   return (
-    <section className="nameOutput">
+    <div className="nameOutput">
       <h1 className="nameOutputh1">{randomElement}</h1>
       <h3 className="nameOutputh3">It's your turn to play!</h3>
-      <button className="outputButton">Next Player</button>
-      </section>
-
+      <button className="outputButton" onClick={handleClick}>
+        Next Player
+      </button>
+    </div>
   );
 };