diff --git a/index.html b/index.html
index d894347..d510ce7 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,19 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
+
+<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+<div class="topnav" id="myTopnav">
+  <a href="#home" class="active">Home</a>
+  <a href="https://gitlab.com/shockrahwow">Site Source</a>
+  <a href="#contact">Contact</a>
+  <a href="#about">About</a>
+  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
+    <i class="fa fa-bars"></i>
+  </a>
+</div>
+
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Style-Type" content="text/css" />
@@ -9,8 +23,6 @@
   <link rel="stylesheet" href="style.css" type="text/css" />
 </head>
 <body>
-<p><a href="./index.html"><img src="./img/banner.png" alt="Homepage" /></a></p>
-<h1 id="welcome-to-my-comfy-town">Welcome to my Comfy Town</h1>
 <h2 id="cool-stuff-about-me">Cool stuff about me</h2>
 <h3 id="links-to-find-me"><strong><a href="./page/links.html">Links to find me</a></strong></h3>
 <blockquote>
diff --git a/style.css b/style.css
index ff8d3fa..b085bd2 100644
--- a/style.css
+++ b/style.css
@@ -13,26 +13,55 @@ html {
 	font-family: 'Freemono';
 	src: url(./fonts/FreeMono.otf);
 }
+/* sick nav bar */
+.topnav {
+	overflow: hidden;
+}
+.topnav a {
+	float: left;
+	display: block;
+	/* text color */
+	color: #f2f2f2;
+	text-align: center;
+	padding: 14px 16px;
+	text-decoration: none;
+	font-size: 17px;
+}
+.topnav a:hover {
+	background-color: #493267;
+	color: #faebd7;
+}
+.active {
+	background-color: #0e1111;
+	color: #faebd7;
+}
+.topnav .icon {
+	display:none;
+}
+/* now some stuff for the text */
 body {
-  color: #444;
+  /* regular tex color(for the front page it won't matter much since everything is blockquotes*/
+  color: #373854;
+  background-color: #faebd7;
   font-family: Fixedsys; 
   font-size: 12px;
   line-height: 1.7;
   padding: 1em;
   margin: auto;
   max-width: 42em;
-  background-image: url("./img/backt.png");
+  /*background-image: url("./img/backt.png");*/
   background-repeat: repeat;
 }
 
 /* Link stuff */
+	/* default link color */
 a {
-  color: #06e;
+  color: #7bb3ff;
   text-decoration: none;
 }
 /* visited link */
 a:visited {
-  color: #0047a6;
+  color: #9e379f;
 }
 /* hovering link */
 a:hover {
@@ -76,7 +105,7 @@ img {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #e1e1e1;
+  color: #493267;
   line-height: 125%;
   margin-top: 2em;
   font-weight: normal;
@@ -112,10 +141,10 @@ h6 {
 }
 
 blockquote {
-  color: #d8d8d8;
+  color: #3b444b;
   margin: 0;
   padding-left: 3em;
-  border-left: 0.5em #008fae solid;
+  border-left: 0.5em #493267 solid;
 }
 
 hr {
