Update app.py

app.py

@@ -4,6 +4,59 @@ import torch.nn as nn
 from torchvision import transforms, datasets, models
 from PIL import Image
 
+st.markdown(
+    """
+    <style>
+    /* Set background image for the entire app */
+    .stApp {
+        background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSmgSUM3cbGaWX4tPdO2TGEX0x52TkjyuhfaA&sahttps://wp.technologyreview.com/wp-content/uploads/2023/04/brain-decode2.jpeg') no-repeat center center fixed;
+        background-size: cover;
+    }
+     .stApp h1 {
+        background-color: rgba(0, 0, 128, 0.7); 
+        color: #ffffff; 
+        padding: 10px;
+        border-radius: 5px;
+        font-size: 2.2em; 
+        text-align: center;
+        white-space: nowrap; /* Prevents line break */
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 100%;
+        margin: 0 auto;
+    }
+    /* Style for the button */
+    .stButton>button {
+        background-color: #4CAF50; /* Green */
+        color: white;
+        font-size: 1.2em;
+        border-radius: 10px;
+        padding: 10px 24px;
+        border: none;
+    }
+    /* Center the button */
+    .stButton {
+        display: flex;
+        justify-content: center;
+    }
+    /* Style for the output container */
+    .output-container {
+        background-color: lightpink;
+        color: black;
+        font-size: 1.5em;
+        padding: 15px;
+        border-radius: 10px;
+        margin-top: 20px;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        width: 200%;
+        margin-left: auto;
+        margin-right: auto;
+        text-align: center;
+    }
+        </style>
+    """,
+    unsafe_allow_html=True
+)
 # Title
 st.title("Brain Tumor Classification")