diff --git a/index.html b/index.html
index 0c6186b..28f16b3 100755
--- a/index.html
+++ b/index.html
@@ -1,38 +1,29 @@
 <!DOCTYPE html>
 <html lang="en-US">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Array in a Matrix</title>
-    <link rel="stylesheet" type="text/css" href="style/main.style.css" />
-    <link rel="stylesheet" href="/fonts/DarkNewRoman/stylesheet.css" type="text/css" charset="utf-8" />
-  </head>
-  <body>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Array in a Matrix</title>
+  <link rel="stylesheet" type="text/css" href="/style/main.style.css" />
+  <link rel="stylesheet" href="/fonts/DarkNewRoman/stylesheet.css" type="text/css" charset="utf-8" />
+</head>
+
+<body>
+  <header class="page-header" role="banner">
     <h1 class="project-name" style="font-family: DarkNewRoman;""> Array in a matriX
     </h1>
+    <h2 class=" project-tagline">Self-taught progammer and cybersecurity enthusiast.</h2>
+    <h3 class=" project-tagline">Welcome to the abyss.</h3>
+  </header>
+  <div class="main-content">
+    <nav>
+      <a href="/index/socials/" class="btn">Socials</a>
+      <a href="/index/projects/" class="btn">Projects List</a>
+      <a href="/index/games/" class="btn">Games</a>
+    </nav>
+  </div>
+</body>
 
-    <div class="main-content">
-      <nav>
-        <a href="https://github.com/array-in-a-matrix" class="btn"
-          ><i class="fa fa-github"></i> GitHub</a
-        >
-        <a href="https://www.instagram.com/array.in.a.matrix/" class="btn"
-          ><i class="fa fa-instagram"></i> Instagram</a
-        >
-      </nav>
-      <nab>
-        <a href="index/projects/" class="btn">Projects List</a>
-      </nab>
-      <nav>
-        <div class=" dropdown">
-          <button class="btn">Games</button>
-            <div class="dropdown-content">
-              <a href="index/games/RPS/" class="btn">Rock Paper Scissors</a>
-              <a href="index/games/eternalspace/" class="btn">Eternal Space</a>
-            </div>
-      </div>
-      </nav>
-    </div>
-  </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/index/games/RPS/index.html b/index/games/RPS/index.html
index 64d8c43..8126058 100755
--- a/index/games/RPS/index.html
+++ b/index/games/RPS/index.html
@@ -13,7 +13,7 @@
       <h2 class="project-tagline">Made using Javascript.</h2>
 
       <a href="/" class="btn">Home</a>
-      <a href="/index/games/" class="btn">Games</a>
+      <a href="../" class="btn">Games</a>
     </header>
 
     <main id="content" class="main-content" role="main">
diff --git a/index/games/eternalspace/index.html b/index/games/eternalspace/index.html
index 3e6b66f..57e60be 100755
--- a/index/games/eternalspace/index.html
+++ b/index/games/eternalspace/index.html
@@ -80,7 +80,7 @@
       </h2>
 
       <a href="/" class="btn">Home</a>
-      <a href="/index/games/" class="btn">Games</a>
+      <a href="../" class="btn">Games</a>
     </header>
 
     <div class="gm4html5_div_class" id="gm4html5_div_id" style="
diff --git a/index/games/index.html b/index/games/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/index/socials/index.html b/index/socials/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/style/index.html b/style/index.html
index ccc83c0..8c71f5c 100755
--- a/style/index.html
+++ b/style/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Dark Matrix</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="/style/style.css" />
   </head>
   <body>
     <header class="page-header" role="banner">
@@ -21,7 +21,7 @@
         <del>strikethrough</del>.
       </p>
 
-      <p><a href="./another-page.html">Link to another page</a>.</p>
+      <p><a href="#">Link to another page</a>.</p>
 
       <p>There should be whitespace between paragraphs.</p>
 
diff --git a/style/main.index.html b/style/main.index.html
new file mode 100644
index 0000000..6f55a8d
--- /dev/null
+++ b/style/main.index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Array in a Matrix</title>
+  <link rel="stylesheet" type="text/css" href="/style/main.style.css" />
+  <link rel="stylesheet" href="/fonts/DarkNewRoman/stylesheet.css" type="text/css" charset="utf-8" />
+</head>
+
+<body>
+  <header class="page-header" role="banner">
+    <h1 class="project-name" style="font-family: DarkNewRoman;""> Project Name
+    </h1>
+    <h2 class=" project-tagline">Project tagline</h2>
+  </header>
+  <div class="main-content">
+    <nav>
+      <a href="#" class="btn">navigation button</a>
+      <a href="#" class="btn">navigation button</a>
+      <a href="#" class="btn">navigation button</a>
+    </nav>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/style/main.style.css b/style/main.style.css
index e527563..ff1792b 100755
--- a/style/main.style.css
+++ b/style/main.style.css
@@ -209,3 +209,23 @@ input::-moz-focus-inner {
 }
 .dropdown:hover .dropdown-content {display: block;}
 
+.project-tagline {
+  margin-bottom:2rem;
+  font-weight:normal;
+  opacity:0.7;
+  font-family: "Montserrat", sans-serif;
+ }
+ @media screen and (min-width: 64em) {
+  .project-tagline {
+   font-size:1.25rem
+  }
+ }
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+  .project-tagline {
+   font-size:1.15rem
+  }
+ }
+ @media screen and (max-width: 42em) {
+  .project-tagline {
+   font-size:1rem
+  }
\ No newline at end of file
