Update News_app.py

News_app.py

@@ -90,7 +90,6 @@ st.markdown(
         background-color: #f8f9fa;
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     }
-    
     .title {
         color: #ffffff;
         font-size: 2.4em;
@@ -101,7 +100,6 @@ st.markdown(
         text-shadow: 2px 2px 8px rgba(0, 0, 0, 1.0);
         padding: 10px;
     }
-    
     .subtitle {
         color: #ffff;
         font-size: 1.3em;
@@ -111,7 +109,6 @@ st.markdown(
         text-shadow: 1px 1px 6px rgba(0, 0, 0, 1.0);
         padding: 5px;
     }
-    
     .classify-button {
         background-color: #3498db;
         color: white;
@@ -127,25 +124,29 @@ st.markdown(
     .classify-button:hover {
         background-color: #2980b9;
     }
-    
     .result-box {
-        background: linear-gradient(135deg, rgba(52, 152, 219, 1), rgba(231, 76, 60, 1)); /* Intense Blue-Red */
+        background: linear-gradient(135deg, #6284FF 30%, #FF0000 70%); /* Blue to Red */
         padding: 20px;
         border-radius: 10px;
         text-align: center;
         margin-top: 30px;
         position: relative;
         overflow: hidden;
-        border: 2px solid rgba(20, 30, 48, 0.9);
+        border: 2px solid transparent;
+        background-clip: padding-box, border-box;
+        border-image: linear-gradient(135deg, #6284FF 30%, #FF0000 70%);
+        border-image-slice: 0;
         transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
     }
 
     /* Hover Effect */
     .result-box:hover {
         transform: scale(1.05);
-        box-shadow: 0px 15px 40px rgba(52, 152, 219, 1), 0px 15px 40px rgba(231, 76, 60, 1);
+        box-shadow: 0px 10px 30px rgba(98, 132, 255, 0.8), 
+                    0px 10px 30px rgba(255, 0, 0, 0.8);
     }
-    
+
+
     /* Light Reflection for Glossy Look */
     .result-box::before {
         content: "";
@@ -159,12 +160,13 @@ st.markdown(
         transform: rotate(-25deg);
         animation: shine 3s infinite linear;
     }
-    
+
     /* Shimmer Animation */
     @keyframes shine {
         0% { top: -150%; left: -150%; }
         100% { top: 150%; left: 150%; }
     }
+
     .result-text {
         font-size: 1.8em;
         color: #ffffff; /* Darker color for better visibility */
@@ -172,7 +174,6 @@ st.markdown(
         text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
         animation: fadeIn 0.8s ease-in-out;
     }
-    
     .warning-box {
         background: linear-gradient(135deg, rgba(255, 77, 77, 0.8), rgba(255, 165, 0, 0.7)); /* Smooth red-orange gradient */
         padding: 18px;