diff --git a/index.html b/index.html
index a4e5245..663d8b2 100644
--- a/index.html
+++ b/index.html
@@ -26,12 +26,12 @@
         </div>
       </div>
       <ul class="nav__links" id="nav-links">
-        <li><a href="#header" class="active">HOME</a></li>
-        <li><a href="#about">ABOUT</a></li>
-        <li><a href="#trainer">TRAINER</a></li>
-        <li><a href="#client">CLIENT</a></li>
-        <li><a href="#blog">BLOG</a></li>
-        <li><a href="#contact">CONTACT</a></li>
+        <li><a href="#header" class="active" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;">HOME</a></li>
+        <li><a href="#about" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">ABOUT</a></li>
+        <li><a href="#trainer" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">TRAINER</a></li>
+        <li><a href="#client" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">CLIENT</a></li>
+        <li><a href="#blog" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">BLOG</a></li>
+        <li><a href="#contact" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">CONTACT</a></li>
         <i class="ri-close-line"></i>
       </ul>
     </div>
diff --git a/style.css b/style.css
index 2c66587..6eb4d26 100644
--- a/style.css
+++ b/style.css
@@ -97,6 +97,8 @@ nav {
   display: flex;
   align-items: center;
   color: white;
+  opacity: 0.75;
+  background-color:#5b5757;
 }
 
 .nav__logo img {