style.css

/* Apply the background image to the entire app */
.stApp {
    background-image: url('https://i.postimg.cc/T1Y8CzrQ/background.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* Ensure the background image stays fixed */
}

/* Apply the glass effect to a div with the class "glass" */
.glass {
    background: rgba(255, 255, 255, 0.1); /* Translucent background */
    backdrop-filter: blur(10px); /* Blurring effect */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Spacing inside the box */
    margin: 20px; /* Space around the box */
    color: #ffffff; /* Text color */
    font-weight: bold; /* Bold text */
    text-align: center; /* Center the text */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Add shadow */
}