diff --git a/src/components/Navbar.scss b/src/components/Navbar.scss
index d38fda1..1bb8b76 100644
--- a/src/components/Navbar.scss
+++ b/src/components/Navbar.scss
@@ -1,7 +1,10 @@
 @import "../static/stylesheets/variables.scss";
 
 .navbar {
-  background-color: $blue;
+  background: linear-gradient(140deg,rgba(10, 108, 245, 0.6) 20%, rgba(0, 0, 0, 0.9)), url(../static/images/background-cover-converted.jpg) no-repeat center center fixed;
+  color: $white;
+  background-position: center;
+  background-repeat: no-repeat;
   text-align: left;
   padding: 2px;
 }