Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
@@ -70,23 +70,14 @@ css = """
|
|
70 |
.input-section, .output-section {
|
71 |
margin-bottom: 1.5em;
|
72 |
}
|
73 |
-
|
74 |
-
display: block; /* Ensure image takes full width of container */
|
75 |
-
margin: auto; /* Center the image horizontally */
|
76 |
-
max-width: 100%; /* Prevent image overflow */
|
77 |
-
height: auto; /* Maintain aspect ratio */
|
78 |
-
border-radius: 8px; /* Rounded corners for the image */
|
79 |
-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
|
80 |
-
}
|
81 |
|
82 |
/* Animation for the image appearance - subtle fade-in */
|
83 |
@keyframes fadeIn {
|
84 |
from { opacity: 0; transform: translateY(20px); }
|
85 |
to { opacity: 1; transform: translateY(0); }
|
86 |
}
|
87 |
-
|
88 |
-
animation: fadeIn 0.8s ease-out;
|
89 |
-
}
|
90 |
|
91 |
/* Improve button style */
|
92 |
.submit-button {
|
|
|
70 |
.input-section, .output-section {
|
71 |
margin-bottom: 1.5em;
|
72 |
}
|
73 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
74 |
|
75 |
/* Animation for the image appearance - subtle fade-in */
|
76 |
@keyframes fadeIn {
|
77 |
from { opacity: 0; transform: translateY(20px); }
|
78 |
to { opacity: 1; transform: translateY(0); }
|
79 |
}
|
80 |
+
|
|
|
|
|
81 |
|
82 |
/* Improve button style */
|
83 |
.submit-button {
|