.flashed-messages {
    max-width: calc(100% - 20px); /* Adjust width to account for left and right margins */
    text-align: center; /* Center-align text */
    margin-bottom: 20px; /* Spacing below the messages */
    color: blue; /* Text color */
    background-color: #e0f0ff; /* Light blue background for better visibility */
    padding: 10px;
    border-radius: 5px;
    margin: 10px auto; /* Center horizontally with equal left and right margins */
    border: 1px solid #b0c4de;
}

.flashes {
    list-style-type: none; /* Removes bullet points */
    padding-left: 0; /* Optional: Removes the indentation */
}

.field-error {
    color: red; /* Text color */
    background-color: #f8d7da; /* Light red background */
    padding: 10px; /* Optional: Add some padding */
    border: 1px solid red; /* Optional: Add a red border */
    border-radius: 5px; /* Optional: Add rounded corners */
    font-weight: bold; /* Optional: Make the text bold */
}