body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.background-image {
    background-image: url('LUMU_1920x1024.jpg'); /* Replace 'your-image.jpg' with the path to your background image */
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.blur-container {
    position: absolute;
    min-width: 400px;
    top: 0%;
    left: 0%;
    background: rgba(0.5, 0.5, 0.5, 0.7); /* Semi-transparent white background */
    backdrop-filter: blur(15px); /* This blurs the background behind the container */
    padding: 20px;
}

.text-box {
    font-family: Helvetica;
    font-weight: bolder;
    color: #fefefe; /* Text color */
    font-size: 2rem; /* Text size */
    text-align: center; /* Centering text */
}