Update static/css/style.css

static/css/style.css

@@ -77,7 +77,20 @@ body {
     justify-content: space-between;
     align-items: center;
 }
+/* Logo Styling */
+.navbar-logo {
+    height: 40px;
+    width: auto;
+    margin-right: 12px;
+    vertical-align: middle;
+    transition: transform 0.3s ease;
+}
+
+.navbar-logo:hover {
+    transform: scale(1.05);
+}
 
+/* Update navbar-brand to include logo */
 .navbar-brand {
     font-size: 1.5rem;
     font-weight: 700;
@@ -85,7 +98,11 @@ body {
     text-decoration: none;
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 12px;
+}
+
+.navbar-brand span {
+    vertical-align: middle;
 }
 
 .nav-menu, .nav-links {