static/css/flash_message.css

/* Style for the flash messages container */
.flash-messages {
    margin: 20px 0;
}

/* General style for flash messages */
.flash-messages .alert {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Success message */
.flash-messages .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

/* Error message */
.flash-messages .alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Warning message */
.flash-messages .alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

/* Info message */
.flash-messages .alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}