.message {
    border: 1px solid;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}

/* dark mode */
@media (prefers-color-scheme: dark) {
    .message.error {
        background-color: #f8d7da;
        border-color: #f5c6cb;
        color: #721c24;
    }
}

/* light mode */
@media (prefers-color-scheme: light) {
    .message.error {
        background-color: #f8d7da;
        border-color: #f5c6cb;
        color: #721c24;
    }
}

.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}