Update app.py

app.py

@@ -37,26 +37,30 @@ menu = """
         background-color: #333;
         padding: 10px;
         color: white;
+        font-family: 'sans-serif';  /* Use sans-serif font */
     }
     .menu-icon {
         font-size: 24px;
         background-color: #ffffff;
         border-radius: 50%;
         padding: 5px;
+        text-decoration: none;  /* Remove underline from emoji */
     }
     .menu-items {
         display: flex;
         gap: 15px;
+        color: white;
     }
     .menu-item {
         padding: 8px 16px;
         background-color: #555;
         border-radius: 4px;
         transition: background-color 0.3s;
+        font-weight: bold;  /* Make text bold */
     }
-    .menu-item a {
+    .menu-item a, .menu-icon a {
         color: white;
-        text-decoration: none;
+        text-decoration: none;  /* Remove underline */
     }
     .menu-item:hover {
         background-color: #777;
@@ -64,13 +68,15 @@ menu = """
 </style>
 
 <div class="menu-bar">
-    <span class="menu-icon">🎵</span>
+    <a href="#" class="menu-icon">🎵</a>  <!-- Make emoji clickable -->
     <div class="menu-items">
-        <span class="menu-item"><a href="#">Item 1</a></span>
-        <span class="menu-item"><a href="#">Item 2</a></span>
-        <span class="menu-item"><a href="#">Item 3</a></span>
+        <span class="menu-item"><a href="#">Dashboard</a></span>
+        <span class="menu-item"><a href="#">Premium Apps</a></span>
+        <span class="menu-item"><a href="#">My Account</a></span>
+        <span class="menu-item"><a href="#">Train Voice</a></span>
     </div>
 </div>
+
 """
 
 description = """