diff --git a/.gitignore b/.gitignore
index b639e23..53967a3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,3 @@
-__pycache__
-db.sqlite3
+__pycache__/
 idre/local_settings.py
-media/
\ No newline at end of file
+media/
diff --git a/static/css/base.css b/static/css/base.css
index 2e79862..e0f607a 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -36,26 +36,25 @@ header img {
 /* Nav bar */
 
 nav {
-  margin: 0px;
-  margin-bottom: 6px;
-
+  margin: 0;
+  margin-bottom: 2em;
   text-align: center;
-  color: #929292;
 }
 
-nav a {
-  color: #929292;
+nav .link {
+  padding: 0.3em 1em;
+  margin: 0 0.3em;
+  color: inherit;
   text-decoration: none;
-  -o-transition: .5s;
-  -ms-transition: .5s;
-  -moz-transition: .5s;
-  -webkit-transition: .5s;
+  text-transform: uppercase;
   transition: .5s;
 }
 
-nav a:hover {
-  color: #c9c9c9;
-}
+nav .link:nth-child(1):hover { background-color: #ff6188; }
+nav .link:nth-child(2):hover { background-color: #a9dc76; }
+nav .link:nth-child(3):hover { background-color: #fc9867; }
+nav .link:nth-child(4):hover { background-color: #ab9df2; }
+nav .link:nth-child(5):hover { background-color: #78dce8; }
 
 
 
@@ -70,10 +69,6 @@ nav a:hover {
 #content a:active {
   color: #929292;
   text-decoration: none;
-  -o-transition: .5s;
-  -ms-transition: .5s;
-  -moz-transition: .5s;
-  -webkit-transition: .5s;
   transition: .5s;
 }
 
diff --git a/templates/base.html b/templates/base.html
index 6628cf7..c89171b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -29,10 +29,11 @@
     </header>
 
     <nav>
-      <a href="/news/">news</a> |
-      <a href="/artists/">artists</a> |
-      <a href="/releases/">releases</a> |
-      <a href="/about/">about</a>
+      <a class="link" href="/news/">news</a>
+      <a class="link" href="/artists/">artists</a>
+      <a class="link" href="/releases/">releases</a>
+      <a class="link" href="/videos/">videos</a>
+      <a class="link" href="/about/">about</a>
     </nav>
 
     <section id="content">