diff --git a/README.md b/README.md
index dc017a6..81691dc 100644
Binary files a/README.md and b/README.md differ
diff --git a/client/public/components/navbar/navbar.css b/client/public/components/navbar/navbar.css
index 8f4ae32..c1f9c37 100644
--- a/client/public/components/navbar/navbar.css
+++ b/client/public/components/navbar/navbar.css
@@ -90,7 +90,7 @@
 }
 
 .nav-menu .menu-item a:hover {
-    color: #777;
+    color: #555;
     text-decoration: underline;
 }
 
diff --git a/client/public/components/notification-bar/notification-bar.css b/client/public/components/notification-bar/notification-bar.css
index 5d4c5a6..358c93c 100644
--- a/client/public/components/notification-bar/notification-bar.css
+++ b/client/public/components/notification-bar/notification-bar.css
@@ -7,7 +7,7 @@
     height: 35px;
     background-color: #00B4F5;
     box-shadow: #222 0px 0px 5px;
-    transition: all 0.2s ease-in;
+    transition: all 0.3s ease-in;
 }
 
 .notification-bar-text {
@@ -79,7 +79,7 @@
 }
 
 #notification-toggler:hover .cross-line {
-    background: #555;
+    background: #777;
 }
 
 .cross-line-top {
@@ -100,6 +100,6 @@
 /* don's show on mobile or "small mode" */
 @media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
     .notification-bar {
-        transform: translatey(-100%);
+        transform: translatey(-200%);
     }
 }