Update styling, remove duplicate css

app.py

@@ -25,109 +25,58 @@ st.markdown("""
             text-align: center;
         }
         .stButton>button {
-            background-color: #4B7BE5;
-            color: white;
-            font-size: 18px;
-        }
-        .stButton>button:hover {
-            background-color: #3A6FD8;
-            color: white;
-        }
-    </style>
-""", unsafe_allow_html=True)
-
-# Title and Description
-st.title("Resume Tailoring with Google Generative AI")
-st.markdown("### Upload your resume and job description to check similarity and generate a tailored resume.")
-
-# Two columns for file uploaders
-col1, col2 = st.columns(2)
-with col1:
-    uploaded_resume = st.file_uploader("Upload Current Resume (.docx or .pdf)", type=["docx", "pdf"], key="resume")
-with col2:
-    uploaded_job_description = st.file_uploader("Upload Job Description (.docx or .pdf)", type=["docx", "pdf"], key="job_description")
-
-# Process if files are uploaded
-if uploaded_resume and uploaded_job_description:
-    # Save files
-    resume_path = save_uploaded_file(uploaded_resume)
-    job_description_path = save_uploaded_file(uploaded_job_description)
-
-    # Similarity Score Section
-    st.markdown("---")
-    st.subheader("Check Resume Similarity")
-
-    if st.btn("Check Similarity Score"):
-        similarity_score = similarity_main(resume_path, job_description_path)
-        if isinstance(similarity_score, str) and '%' in similarity_score:
-            similarity_score = float(similarity_score.replace('%', ''))
-            # Custom CSS for styling
-st.markdown("""
-    <style>
-        .main {
-            background-color: #f5f5f5;
-            font-family: Arial, sans-serif;
-        }
-        h1, h2 {
-            color: #4B7BE5;
+            # background-color: #4B7BE5;
+            # color: white;
+            # font-size: 18px;
+            appearance: none;
+            background-color: transparent;
+            border: 0.125em solid #1A1A1A;
+            border-radius: 0.9375em;
+            box-sizing: border-box;
+            color: #3B3B3B;
+            cursor: pointer;
+            display: inline-block;
+            font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+            font-size: 16px;
+            font-weight: 600;
+            line-height: normal;
+            margin: 0;
+            min-height: 3.75em;
+            min-width: 0;
+            outline: none;
+            padding: 1em 2.3em;
             text-align: center;
-        }
-        .stButton>button {
-            background-color: #4B7BE5;
-            color: white;
-            font-size: 18px;
+            text-decoration: none;
+            transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
+            user-select: none;
+            -webkit-user-select: none;
+            touch-action: manipulation;
+            will-change: transform;
         }
         .stButton>button:hover {
-            background-color: #3A6FD8;
-            color: white;
+            # background-color: #3A6FD8;
+            # color: white;
+            color: #fff;
+            background-color: #1A1A1A;
+            box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
+            transform: translateY(-2px);
+            
         }
-
         /* From Uiverse.io by e-coders */ 
-        btn {
-         appearance: none;
-         background-color: transparent;
-         border: 0.125em solid #1A1A1A;
-         border-radius: 0.9375em;
-         box-sizing: border-box;
-         color: #3B3B3B;
-         cursor: pointer;
-         display: inline-block;
-         font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
-         font-size: 16px;
-         font-weight: 600;
-         line-height: normal;
-         margin: 0;
-         min-height: 3.75em;
-         min-width: 0;
-         outline: none;
-         padding: 1em 2.3em;
-         text-align: center;
-         text-decoration: none;
-         transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
-         user-select: none;
-         -webkit-user-select: none;
-         touch-action: manipulation;
-         will-change: transform;
-        }
-        
-        btn:disabled {
+             
+        .stButton>btn:disabled {
          pointer-events: none;
         }
+
         
-        btn:hover {
-         color: #fff;
-         background-color: #1A1A1A;
-         box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
-         transform: translateY(-2px);
-        }
-        
-        btn:active {
+        .stButton>:active {
          box-shadow: none;
          transform: translateY(0);
         }
     </style>
 """, unsafe_allow_html=True)
 
+
 # Title and Description
 st.title("Resume Tailoring with Google Generative AI")
 st.markdown("### Upload your resume and job description to check similarity and generate a tailored resume.")