Spaces:
Build error
Build error
Upload style.css
Browse files
style.css
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/* Apply the background image to the entire app */
|
| 2 |
+
.stApp {
|
| 3 |
+
background-image: url('https://i.postimg.cc/T1Y8CzrQ/background.jpg');
|
| 4 |
+
background-size: cover;
|
| 5 |
+
background-position: center;
|
| 6 |
+
background-repeat: no-repeat;
|
| 7 |
+
background-attachment: fixed; /* Ensure the background image stays fixed */
|
| 8 |
+
}
|
| 9 |
+
|
| 10 |
+
/* Apply the glass effect to a div with the class "glass" */
|
| 11 |
+
.glass {
|
| 12 |
+
background: rgba(255, 255, 255, 0.1); /* Translucent background */
|
| 13 |
+
backdrop-filter: blur(10px); /* Blurring effect */
|
| 14 |
+
border-radius: 10px; /* Rounded corners */
|
| 15 |
+
padding: 20px; /* Spacing inside the box */
|
| 16 |
+
margin: 20px; /* Space around the box */
|
| 17 |
+
color: #ffffff; /* Text color */
|
| 18 |
+
font-weight: bold; /* Bold text */
|
| 19 |
+
text-align: center; /* Center the text */
|
| 20 |
+
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Add shadow */
|
| 21 |
+
}
|