Update index.html

index.html

@@ -176,6 +176,31 @@
             margin-left: auto;
             margin-right: auto;
         }
+         .google-colors {
+      font-size: 60px;
+      font-family: Arial, sans-serif;
+    }
+    .g { color: #4285F4; }
+    .o1 { color: #EA4335; }
+    .o2 { color: #FABB05; }
+    .l { color: green; }
+    .e { color: #EA4335; }
+ 
+    .search-icon {
+      font-size: 40px;
+      margin-left: 10px;
+    }
+   
+    .gradient-text {
+      font-size: 24px;
+      font-weight: bold;
+      background: linear-gradient(to right, white, red);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      color: transparent;
+      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
     </style>
 </head>
 
@@ -184,9 +209,13 @@
     <div id="error-toast" class="toast"></div>
 
     <div class="container">
-      <div style="text-align: center">
-        <h1>Gemini Voice Chat</h1>
-      </div><br><br>
+   <header style="padding-top:10px">
+      <span class="google-colors">
+        <span class="g">G</span><span class="o1">o</span><span class="o2">o</span><span class="g">g</span><span class="l">l</span><span class="e">e</span>
+      </span>
+      <span class="search-icon">🔍</span>
+      <p><h3><span class="gradient-text">Powered by Google Gemini</span></h3></p>
+    </header>
         <div class="controls">
             <div class="input-group">
                 <label for="voice">Stimme</label>