/* Style for selected buttons */
.button-group button.selected {
    background-color: #007bff; /* Change to the color you prefer for selected buttons */
    color: white;
    border-radius: 8px;
}

/* Style for unselected buttons */
.button-group button:not(.selected) {
    background-color: #f0f0f0; /* Change to the color you prefer for unselected buttons */
    color: #666;
    border-radius: 8px;
}

.button-group {
    margin-bottom: 10px;
}

.Name {
    margin-bottom: 10px;
}


/* Style for the question container */
.question-container {
    background-color: rgba(255, 255, 255, 0.8); /* 60% transparent white background */
    max-width: 80%; /* Adjust the width as needed */
    margin: 5% auto; /* 5% margin on top and bottom, auto left and right for centering */
    padding: 20px; /* Add padding inside the container */
    border-radius: 10px; /* Add rounded corners */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}

/* Style for the thanks container */
.thanks-container {
    background-color: rgba(255, 255, 255, 0.7); /* 60% transparent white background */
    max-width: 80%; /* Adjust the width as needed */
    margin: 5% auto; /* 5% margin on top and bottom, auto left and right for centering */
    padding: 20px; /* Add padding inside the container */
    border-radius: 10px; /* Add rounded corners */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}

/* Style for the content */
.content {
    background-color: rgba(255, 255, 255, 0.6); /* Semi-transparent white background */
    padding: 20px;
    border-radius: 10px;
    margin: 5%;
    max-width: 90%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    position: relative; /* To ensure it's above the background */
    z-index: 1; /* To ensure it's above the background */
}

/* Move these styles for the background and its images to styles.css */
.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Place it behind the content */
    background-size: cover;
    background-position: center center;
}

/* Remove this line to display the images in the background */
/* .background img {
    max-width: 400px;
    max-height: 400px;
    display: none; // Remove this line to display the images
} */