diff --git a/dev/index.html b/dev/index.html
index 27ecd18..adb47c3 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -7,11 +7,20 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
+		<header>
+			<img class="logo" src="img/logo2.png" alt="logo">
+   	  <h1>Welcome to the Flash Games Archive.</h1>
+      <nav>
+          <ul class="nav__links">
+						<button style="margin-right: 20px;" onclick="window.location.href='index.html'";">Home</button>
+							
+            <button onclick="window.location.href='info.html'";>Information</button>
+						
+          </nav>
+						</header>
     <center>
-     <h1>Welcome to the Flash Games Archive.</h1>
       <p>This is a quick website made using <a href="https://ruffle.rs">Ruffle</a> and GitHub. If you want the original repo to download the games, go to <a href="https://github.com/Games-From-Flash/swf">GitHub</a> and all of the SWF files should be there, along with all of the HTML files that I used to make this site.</p>
-      <p><a href="info.html">Information</a>
-     <button style="background-color:#515357;color:#a0b4db;border-radius:5px"onclick="window.location.href='achieveunlocked.html';">Achievement Unlocked</button>
+     <button onclick="window.location.href='achieveunlocked.html';">Achievement Unlocked</button>
      <button onclick="window.location.href='aow.html';">Age of War</button>
      <button onclick="window.location.href='btd.html';">Bloons TD</button>
      <button onclick="window.location.href='btd2.html';">Bloons TD 2</button>
@@ -56,4 +65,4 @@
      <button onclick="window.location.href='hardestgame.html';">The World's Hardest Game</button>
     </center>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/dev/info.html b/dev/info.html
new file mode 100644
index 0000000..4e1fc35
--- /dev/null
+++ b/dev/info.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <link rel="shortcut icon" type="image/jpg" href="img/favicon.ico"/>
+  <head>
+    <title>Flash Games Archive</title>
+    <link href="https://fonts.googleapis.com/css2?family=Amaranth&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+		<header>
+			<img class="logo" src="img/logo2.png" alt="logo">
+   	  <h1>Welcome to the Flash Games Archive.</h1>
+      <nav>
+          <ul class="nav__links">
+						<button style="margin-right: 20px;" onclick="window.location.href='index.html'";">Home</button>	
+            <button onclick="window.location.href='info.html'";>Information</button>
+          </nav>
+						</header>
+    <center>
+      <p>This is a quick website made using <a href="https://ruffle.rs">Ruffle</a> and GitHub. If you want the original repo to download the games, go to <a href="https://github.com/Games-From-Flash/swf">GitHub</a> and all of the SWF files should be there, along with all of the HTML files that I used to make this site.</p>
+    </center>
+  </body>
+</html>
\ No newline at end of file
diff --git a/dev/logo2.png b/dev/logo2.png
new file mode 100644
index 0000000..3966a75
Binary files /dev/null and b/dev/logo2.png differ
diff --git a/dev/style.css b/dev/style.css
index 0f8401a..55aa68c 100644
--- a/dev/style.css
+++ b/dev/style.css
@@ -1,11 +1,71 @@
+* {
+    font-family: 'Amaranth', sans-serif;
+}
+
 body {
     background: #3e3f57
 }
 
-.paragraph {
-    font-family: 'Amaranth', sans-serif;
+p {
+		color:#b5b7eb;
 }
 
-.h1 {
-    font-family: 'Amaranth', sans-serif;
+h1 {
+		position:relative;
+		left:80px;
+		color:#b5b7eb;
 }
+
+button {
+    background-color: #515357;
+    color: #a0b4db;
+    border-radius: 5px;
+		padding: 3px 1%
+}
+
+a:link {
+	color:#a0b4db;
+}
+
+a:visited {
+	color:#b5b7eb;
+}
+
+header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 10%;
+}
+
+.logo {
+    cursor: pointer;
+}
+
+.nav__links {
+    list-style: none;
+}
+
+.nav__links button {
+    display: inline-block;
+    padding: 10px 10px;
+}
+
+.nav__links li a {
+    transition: all 0.3s ease 0s;
+}
+
+.nav__links li a:hover {
+    color:
+}
+
+.divider {
+		width:5px;
+		height:auto;
+		display:inline-block;
+}
+.divide {
+		margin-left:100px;
+}
+
+
