.flash{
    border: 2px solid #ccc;
    padding: 1rem;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.flash-success{
    background-color: #dff0d8;
    border-color: #2d762d;
    color: #3c763d;
}

.flash-error{
    background-color: #f2dede;
    border-color: #a94442;
    color: #a94442;
}

.flash-warning{
    background-color: #fcf8e3;
    border-color: #8a6d3b;
    color: #8a6d3b;
}

.flash-info{
    background-color: #d9edf7;
    border-color: #31708f;
    color: #31708f;
}

.flash header strong {
    font-weight: bold;
    text-transform: uppercase;
}

.flash {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}