.background {
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

        .centered-div {
    width: 500px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px; /* Rounded border */
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Box shadow */
            background-color: rgba(255, 255, 255, 0.5); /* Transparent background with 50% opacity */
            backdrop-filter: blur(10px); /* Blur effect */
            overflow: hidden; /* Ensure that shadow respects rounded corners */
            display: flex; /* Use flexbox */
            flex-direction: column; /* Stack items vertically */
            align-items: center; /* Center items horizontally */
            justify-content: center; /* Center items vertically */
            text-align: center; /* Center text horizontally */
}

        .centered-div .btn {
    margin: 10px; /* Add some spacing between buttons */
}


        .image {
    width: 250px;
    height: 250px;
}