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

.app-message {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;

    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    max-width: 400px;
    animation: fadeIn 0.3s ease-in;


}

.app-message.success {
    background-color: #1d781d;
    color: #fff;
}

.app-message.error {
    background-color: #601d1d;
    color: #fff;
}

.app-message.warning {
    background-color: #af8932;
    color: #fff;
}