diff --git a/static/style.css b/static/style.css
index 4626db8471c59f4e5bf0dce8a5e9c3c15cfc98cd..ffc12f776bcd6c3cce9089d721698507c45bcbe6 100644
--- a/static/style.css
+++ b/static/style.css
@@ -3,6 +3,25 @@ body { padding-top: 56px; }
 .bg-dark { background-color: #343a40 !important; }
 .bg-hero { background-color: #45b06cff; }
 
+/* header */ 
+/*navbar design*/
+.navbar-custom {
+    background-color: var(--darkpurple);
+    margin-bottom: 8px;
+    
+}
+/*colour of the navbar links*/
+.nav-link {
+color: var(--offwhite);  
+}
+/*When hovering over navbar link with mouse the text turns orange */
+.nav-link:hover {
+color: var(--darkpurple);
+background-color: var(--yellow);
+border-radius: 3px;
+}
+
+
 /* CALLOUT */
 .bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
 .bd-callout h4 { margin-bottom:.25rem }