Update app.py

app.py

@@ -13,43 +13,69 @@ CSS = """
     color: white !important; 
     background: black !important; 
     border-radius: 100vh !important;
-    transition: transform 0.2s;
+    transition: transform 0.3s ease-in-out, background 0.3s ease-in-out;
 }
 .duplicate-button:hover {
-    transform: scale(1.05);
+    transform: scale(1.1);
     background: linear-gradient(135deg, #6e8efb, #a777e3) !important;
+    box-shadow: 0px 4px 10px rgba(110, 142, 251, 0.6);
 }
+
 h3, p, h1 { 
     text-align: center; 
     color: white;
+    transition: color 0.3s ease-in-out;
 }
+h3:hover, p:hover, h1:hover {
+    color: #6e8efb;
+}
+
 footer { 
     text-align: center; 
     padding: 10px; 
     width: 100%; 
-    background-color: rgba(240, 240, 240, 0.8); 
+    background-color: black !important; 
     z-index: 1000; 
     position: relative; 
     margin-top: 10px; 
-    color: black;
+    color: white !important;
+    font-weight: bold;
+    transition: transform 0.3s ease-in-out;
 }
+footer:hover {
+    transform: scale(1.02);
+}
+
 .container {
     background: rgba(255, 255, 255, 0.1);
     border-radius: 15px;
-    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.3);
     padding: 15px;
+    transition: transform 0.3s ease-in-out;
+}
+.container:hover {
+    transform: scale(1.02);
 }
-"""
 
-FOOTER_TEXT = """
-<footer>
-    <p>💖 If you enjoyed the functionality of the app, please leave a like!<br>
-    👉 Check out more on <a href="https://www.linkedin.com/in/chowdam-jagan" target="_blank">LinkedIn</a>
-</footer>
+.navbar-toggle {
+    background: black;
+    color: white;
+    padding: 10px;
+    border-radius: 5px;
+    cursor: pointer;
+    text-align: center;
+    margin-bottom: 10px;
+    transition: transform 0.3s ease-in-out, background 0.3s ease-in-out;
+}
+.navbar-toggle:hover {
+    background: linear-gradient(135deg, #6e8efb, #a777e3);
+    transform: scale(1.05);
+}
 """
 
+
 RESUME_ANALYZER_INSTRUCTIONS = """
 <div class="container">
     <p>📜 <strong>Instructions:</strong></p>