Update logo CSS: Center-align with `display: block` and `margin: auto`.

app.py

@@ -116,7 +116,9 @@ body {
     max-width: 300px;
     max-height: 100px;
     transition: transform 0.3s ease;
-    text-align: center;
+    display: block; /* Ensure it's a block element */
+    margin: 0 auto; /* This will center a block element within its flex container */
+
 }
 
 .logo:hover {