diff --git a/static/css/style.css b/static/css/style.css
index f30b839..8eb4b39 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -354,4 +354,66 @@ body {
     color: var(--secondary-color);
     font-weight: 400;
     font-size: 1.4rem;
+}
+
+/* Navbar styles */
+.navbar-nav .nav-link {
+    color: rgba(255, 255, 255, 0.85) !important;
+    transition: all 0.3s ease;
+    font-weight: 400;
+}
+
+.navbar-nav .nav-link:hover {
+    color: var(--primary-color) !important;
+    transform: translateY(-1px);
+}
+
+.navbar-nav .dropdown-menu {
+    background: linear-gradient(to bottom right, var(--secondary-dark), var(--secondary-color));
+    border: 1px solid rgba(255,255,255,0.1);
+    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+    padding: 0.5rem;
+    margin-top: 0.5rem;
+    border-radius: 8px;
+}
+
+.dropdown-item {
+    color: rgba(255, 255, 255, 0.85) !important;
+    font-size: 0.9rem;
+    font-weight: 400;
+    padding: 0.6rem 1rem;
+    border-radius: 6px;
+    transition: all 0.2s ease;
+}
+
+.dropdown-item:hover {
+    background-color: var(--primary-color);
+    color: var(--text-light) !important;
+    transform: translateX(3px);
+}
+
+/* Data styles */
+.date-header {
+    padding: 1.5rem 0;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px solid rgba(0,0,0,0.1);
+    color: var(--secondary-color);
+    font-weight: 400;
+    font-size: 1.4rem;
+}
+
+@media (max-width: 768px) {
+    .date-header {
+        text-align: center;
+    }
+    
+    .navbar-collapse {
+        background-color: var(--secondary-color);
+        padding: 1rem;
+        border-radius: 0 0 10px 10px;
+    }
+    
+    .navbar-brand img {
+        height: 30px;
+    }
 } 
\ No newline at end of file