/* Apply CSS styles to the entire form */
.user_submit_form {
    max-width: 400px; /* Set a maximum width for the form */
    margin: 0 auto; /* Center the form horizontally */
    padding: 20px; /* Add some padding around the form */
    border: 1px solid #ccc; /* Add a border around the form */
    border-radius: 5px; /* Add rounded corners to the form */
    font-family: Arial, sans-serif; /* Set the font family */
}

/* Apply CSS styles to the "Select a User" section */
.select_user_cls {
    display: block; /* Display the label as a block element */
    font-size: 18px; /* Adjust the font size */
    font-weight: bold; /* Add bold font weight */
    margin-bottom: 10px; /* Add some spacing at the bottom */
}

/* Apply CSS styles to the dropdown */
select#user {
    width: 70%; /* Set the width of the dropdown */
    padding: 10px; /* Add padding to the dropdown */
    font-size: 16px; /* Adjust the font size */
    border: 1px solid #ccc; /* Add a border around the dropdown */
    border-radius: 5px; /* Add rounded corners to the dropdown */
    display: inline-block; /* Display the dropdown as an inline-block element */
    vertical-align: middle; /* Align the dropdown vertically in line with the submit button */
}

/* Apply CSS styles to the submit button */
.user_submit_btn {
    background-color: #4CAF50; /* Change the background color */
    color: white; /* Change the text color */
    padding: 10px 20px; /* Add padding around the button */
    border: none; /* Remove the default button border */
    border-radius: 5px; /* Add rounded corners */
    cursor: pointer; /* Change the cursor on hover */
    font-size: 16px; /* Adjust the font size */
    display: inline-block; /* Display the submit button as an inline-block element */
    vertical-align: middle; /* Align the submit button vertically in line with the dropdown */
}

.page-title-write-ur-story {
            font-size: 20px; /* Adjust the font size */
            font-weight: bold; /* Add bold font weight */
            text-align: center; /* Align the headline to the center */
            color: #333; /* Set the text color */
            margin: 20px 0; /* Add some margin around the headline */
            text-transform: uppercase; /* Convert the text to uppercase */
            /* You can add more styles like font-family, text-shadow, etc. here */
        }