Update style.css

style.css

@@ -1,140 +1,103 @@
-/* Make Comparison/Analysis subheaders white and bold */
-h3 {
-    color: white !important;
-    font-size: 1.8rem !important;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
-    margin-top: 30px !important;
-}
-
-/* Ensure stock names and "Analysis:" text stay white */
-.stMarkdown h3, .stMarkdown b, .stMarkdown strong {
-    color: white !important;
-}
-
-/* Your existing white-box result style stays for the report itself */
-[data-testid="stText"] {
-    background-color: white !important;
-    color: black !important;
-    padding: 15px !important;
-    border-radius: 10px !important;
-}
-
-/* Target the result alert blocks specifically */
-[data-testid="stText"] {
-    background-color: white !important;
-    color: black !important;
-    padding: 15px !important;
-    border-radius: 10px !important;
-    border: 1px solid #ccc !important;
-}
-
-/* Ensure the preformatted text inside the block is also black */
-[data-testid="stText"] pre {
-    color: black !important;
-}
-
-.block-container {
-    padding-top: 1rem !important;
-}
-
-h1 {
-    margin-top: -20px !important;
-    margin-bottom: 90px !important;
-    color: white !important;
-    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
-    text-align: center;
-}
-
-.stButton button:hover {
-    background-color: transparent !important;
-    color: white !important;
-    border: 1px solid white;
-}
-
-.block-container {
-    padding-top: 1rem !important; 
-    padding-bottom: 0rem;
-}
-
-/* Specifically target the heading to remove any extra margin */
-h1 {
-    margin-top: -20px !important; 
-    padding-top: 0px !important;
-    margin-bottom: 90px !important;
-    color: white !important;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
-    text-align: center;
-}
-
-/* Ensures the header bar doesn't block your title */
-header.stAppHeader {
-    background-color: transparent;
-}
-
-/* Target all Streamlit buttons */
-.stButton button {
-    background-color: #0e3558; 
-    color: #FFFFFF;
-    border: 1px solid #FFFFFF; 
-    border-radius: 25px; 
-    transition: background-color 0.3s ease, color 0.3s ease;
-}
-
-
-.stButton button:hover {
-    background-color: transparent !important; 
-    color: white !important; 
-    border: 1px solid white; 
-}
-
-
-.stButton button:focus {
-    color: white !important;
-}
-/* Fix the Title (st.title) visibility */
-h1 {
-    color: white !important;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
-    text-align: center;
-}
-
-/* Fix the Label for the text input box */
-.stTextInput label {
-    color: white !important;
-    font-size: 1.2rem;
-    font-weight: bold;
-    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
-}
-
-.stTextInput input {
-    color: #000000; /* Keeping input text black for clarity against white box */
-    border-radius: 8px; /* Your 'br' fixing */
-}
-
-/* Target the main container for a full-screen background */
-
-[data-testid="stAppViewContainer"] {
-    background-image: url("data:image/jpg;base64,IMAGE_PLACEHOLDER");
-    background-size: cover;
-    background-position: center;
-    background-attachment: fixed;
-}
-
-/* Fix your alignment and borders (br) here */
-.main {
-    background-color: transparent;
-    padding: 2rem;
-}
-
-/* Centered container for your title */
-.centered-title-container {
-    text-align: center;
-    border-radius: 12px; 
-    background-color: rgba(0, 0, 0, 0.5); 
-    padding: 20px;
-    margin-bottom: 25px;
-}
-
-[data-testid="stSidebar"] {
-    background-color: rgba(38, 39, 48, 0.9);
-}
+
+/* 1. MAIN BACKGROUND LOGIC */
+[data-testid="stAppViewContainer"] {
+    background-image: url("data:image/jpg;base64,IMAGE_PLACEHOLDER");
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+}
+
+/* 2. HEADER AND TITLE STYLING */
+header.stAppHeader {
+    background-color: transparent;
+}
+
+h1 {
+    margin-top: -20px !important; 
+    padding-top: 0px !important;
+    margin-bottom: 90px !important;
+    color: white !important;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
+    text-align: center;
+}
+
+/* 3. SUBHEADERS AND MARKDOWN TEXT */
+h3 {
+    color: white !important;
+    font-size: 1.8rem !important;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
+    margin-top: 30px !important;
+}
+
+.stMarkdown h3, .stMarkdown b, .stMarkdown strong {
+    color: white !important;
+}
+
+/* 4. INPUT BOX AND LABELS */
+.stTextInput label {
+    color: white !important;
+    font-size: 1.2rem;
+    font-weight: bold;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
+}
+
+.stTextInput input {
+    color: #000000;
+    border-radius: 8px;
+}
+
+/* 5. BUTTON STYLING */
+.stButton button {
+    background-color: #0e3558; 
+    color: #FFFFFF;
+    border: 1px solid #FFFFFF; 
+    border-radius: 25px; 
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.stButton button:hover {
+    background-color: transparent !important; 
+    color: white !important; 
+    border: 1px solid white; 
+}
+
+.stButton button:focus {
+    color: white !important;
+}
+
+/* 6. RESULT REPORT BLOCKS (White boxes with black text) */
+[data-testid="stText"] {
+    background-color: white !important;
+    color: black !important;
+    padding: 15px !important;
+    border-radius: 10px !important;
+    border: 1px solid #ccc !important;
+}
+
+/* Ensure text inside preformatted blocks is black */
+[data-testid="stText"] pre {
+    color: black !important;
+}
+
+/* 7. LAYOUT AND CONTAINERS */
+.block-container {
+    padding-top: 1rem !important; 
+    padding-bottom: 0rem;
+}
+
+.main {
+    background-color: transparent;
+    padding: 2rem;
+}
+
+.centered-title-container {
+    text-align: center;
+    border-radius: 12px; 
+    background-color: rgba(0, 0, 0, 0.5); 
+    padding: 20px;
+    margin-bottom: 25px;
+}
+
+[data-testid="stSidebar"] {
+    background-color: rgba(38, 39, 48, 0.9);
+}