diff --git a/static/css/style.css b/static/css/style.css
index fe18fb6..8e84bfd 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -102,10 +102,6 @@ footer {
 }
 
 /* For header.html */
-#nav {
-    background-color: #A51D2D;
-}
-
 #nav-list {
     height: 100%;
     margin: 0;
@@ -114,7 +110,6 @@ footer {
     overflow: auto;
     width: 25%;
     list-style-type: none;
-    background-color: #A51D2D;
 }
 
 .nav-button {
@@ -138,6 +133,10 @@ li:first-child {
     footer {
         padding-left: 25%;
     }
+    #nav-list {
+      background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("/images/bgs/nav-bg.png");
+      background-size: 100% 100%;
+    }
 }
 
 /* For super wide screens */
@@ -162,6 +161,8 @@ li:first-child {
         position: relative;
         display: flex;
         flex-direction: column;
+        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("/images/bgs/nav-bg.png");
+        background-size: 100% 100%;
     }
     .nav-li {
         width: 100%;
@@ -178,6 +179,7 @@ li:first-child {
         align-self: flex-end;
         display: flex;
         cursor: pointer;
+        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("/images/bgs/nav-bg.png");
     }
 }