Update app.py

app.py

@@ -15,30 +15,6 @@ from audio_recorder_streamlit import audio_recorder
 from transformers import pipeline
 
 
-def main():
-    inject_custom_css()
-    
-    # Add the cursor-following element
-    st.markdown("""
-    <div id="follower" style="
-        position: absolute; 
-        width: 50px; 
-        height: 50px; 
-        background: url('https://example.com/your-dragon-image.png') no-repeat center center; 
-        background-size: contain; 
-        pointer-events: none; 
-        transition: transform 0.1s;">
-    </div>
-    <script>
-        document.addEventListener('mousemove', function(e) {
-            const follower = document.getElementById('follower');
-            follower.style.transform = 'translate(' + (e.clientX - 25) + 'px, ' + (e.clientY - 25) + 'px)';
-        });
-    </script>
-    """, unsafe_allow_html=True)
-
-    st.markdown('<div class="title">KASOTI</div>', unsafe_allow_html=True)
-    st.markdown('<div class="subtitle">AI-Powered Guessing Game Challenge</div>', unsafe_allow_html=True)
 
 
 ######################################
@@ -146,7 +122,35 @@ def inject_custom_css():
         .progress-fill { height: 100%; background: linear-gradient(90deg, #6C63FF, #3B82F6);
                          transition: width 0.5s ease; }
         .question-count { color: #6C63FF; font-weight: 600; font-size: 0.9rem; margin-bottom: 0.5rem; }
+
+
+        /* === ADD CURSOR EFFECT HERE === */
+        body { cursor: none; }
+        .cursor-trail {
+            position: fixed;
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            background: radial-gradient(circle, #6C63FF 0%, #3B82F6 100%);
+            pointer-events: none;
+            transform: translate(-50%, -50%);
+            z-index: 9999;
+            opacity: 0.7;
+            transition: transform 0.1s ease-out;
+        }
     </style>
+    <script>
+    document.addEventListener('DOMContentLoaded', function() {
+        const cursor = document.createElement('div');
+        cursor.classList.add('cursor-trail');
+        document.body.appendChild(cursor);
+        
+        document.addEventListener('mousemove', function(e) {
+            cursor.style.left = e.clientX + 'px';
+            cursor.style.top = e.clientY + 'px';
+        });
+    });
+    </script>
     """, unsafe_allow_html=True)
 
 def show_confetti():