Update app.py

app.py

@@ -89,6 +89,8 @@ def process(image, progress=gr.Progress()):
     # Return the processed image and the file for download
     return output_array, gr.update(visible=True, value=filepath, interactive=True)
 
+# ... previous code remains the same until the description ...
+
 # Gradio interface setup
 title = "Background Removal Tool"
 description = """
@@ -102,90 +104,28 @@ description = """
         border-radius: 15px;
         box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
     }
-    .custom-logo {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 2rem;
-        transform: scale(0.8);
-    }
-    .logo-mark {
-        position: relative;
-        width: 60px;
-        height: 60px;
-        margin-right: 15px;
-        animation: logo-spin 12s linear infinite;
-    }
-    .logo-hexagon {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        background: linear-gradient(135deg, #ff00de, #00ffff);
-        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-        animation: pulse-glow 4s infinite alternate;
-    }
-    .logo-inner {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        color: #00ffff;
-        font-family: 'Orbitron', sans-serif;
-        font-weight: 700;
-        font-size: 28px;
-        text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
-    }
-    .logo-text {
-        font-family: 'Orbitron', sans-serif;
-        font-size: 36px;
-        font-weight: 700;
-        background: linear-gradient(45deg, #ff00de, #00ffff);
-        -webkit-background-clip: text;
-        background-clip: text;
-        -webkit-text-fill-color: transparent;
-        text-shadow: 0 0 10px rgba(255, 0, 222, 0.5);
-        animation: text-glow 2s infinite alternate;
-    }
     .title-text {
-        color: #00ffff;
+        color: #ff00de;
         font-family: 'Orbitron', sans-serif;
         font-size: 2.5em;
         margin: 20px 0;
-        text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
+        text-shadow: 0 0 10px rgba(255, 0, 222, 0.5);
         animation: title-pulse 2s infinite alternate;
     }
     .subtitle-text {
-        color: #a0a0a0;
+        color: #00ffff;
         font-family: 'Roboto Mono', monospace;
         font-size: 1.2em;
         margin-top: 10px;
         line-height: 1.5;
-    }
-    @keyframes logo-spin {
-        0% { transform: rotateY(0deg); }
-        100% { transform: rotateY(360deg); }
-    }
-    @keyframes pulse-glow {
-        0% { filter: brightness(1) drop-shadow(0 0 5px #00ffff); }
-        100% { filter: brightness(1.2) drop-shadow(0 0 15px #00ffff); }
-    }
-    @keyframes text-glow {
-        0% { text-shadow: 0 0 5px rgba(255, 0, 222, 0.5); }
-        100% { text-shadow: 0 0 15px rgba(255, 0, 222, 0.8), 0 0 25px rgba(0, 255, 255, 0.5); }
+        text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
     }
     @keyframes title-pulse {
-        0% { text-shadow: 0 0 5px rgba(0, 255, 255, 0.5); }
-        100% { text-shadow: 0 0 15px rgba(0, 255, 255, 0.8), 0 0 25px rgba(0, 255, 255, 0.5); }
+        0% { text-shadow: 0 0 5px rgba(255, 0, 222, 0.5); }
+        100% { text-shadow: 0 0 15px rgba(255, 0, 222, 0.8), 0 0 25px rgba(255, 0, 222, 0.5); }
     }
 </style>
 <div class="custom-container">
-    <div class="custom-logo">
-        <div class="logo-mark">
-            <div class="logo-hexagon"></div>
-            <div class="logo-inner">A</div>
-        </div>
-        <div class="logo-text">AicO Tools</div>
-    </div>
     <h1 class="title-text">AI Background Removal</h1>
     <p class="subtitle-text">
         Remove backgrounds instantly using advanced AI technology