diff --git a/styles/Components/header.module.css b/styles/Components/header.module.css
index 244a474..6d6b338 100644
--- a/styles/Components/header.module.css
+++ b/styles/Components/header.module.css
@@ -44,6 +44,7 @@
     padding-right: 10px;
     margin-top: 20px;
     margin-bottom: 20vh;
+    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
 }
 
 .title {
diff --git a/styles/Components/navbar.module.css b/styles/Components/navbar.module.css
index 74d7eea..7ca3c5f 100644
--- a/styles/Components/navbar.module.css
+++ b/styles/Components/navbar.module.css
@@ -13,20 +13,19 @@
 }
 
 .container {
-    position: fixed;
-    top: 0;
+    height: 42px;
+    width: 100%;
+
     display: flex;
+    flex-direction: row;
     justify-content: left;
     align-items: center;
-    flex-direction: row;
-    overflow-y: hidden;
     gap: 10px;
 
-    height: 42px;
-    padding: 5px;
     padding-left: 25px;
-
-    z-index: 69;
+    padding-block: 5px;
+    transition: 0.3s ease-in-out;
+    overflow: hidden;
 }
 
 .divider {
@@ -50,4 +49,26 @@
 .skipNav:focus {
     width: 100%;
     overflow: auto;
+}
+
+.slideUp {
+    transform: translateY(-100%);
+}
+
+.cutoffContainer {
+    position: fixed;
+    height: 42px;
+    width: 100%;
+
+    top: 0;
+    overflow: hidden;
+    z-index: 100;
+}
+
+
+.message {
+    font-size: 1.2rem;
+    padding-left: 10px;
+    color: white;
+    transition: color 0.3s ease-in-out;
 }
\ No newline at end of file