.divpoupup {
    animation: move 2s ease;
    opacity: 0%;
    text-align: right;
    padding: 20px;
    border-radius: 10px;
    visibility: hidden;
    position: absolute;
}

.success {
    background: #00a21c;
    color: white;
}

.attention {
    background: #006fe5c4;
    color: white;
    padding: 10px;
    border-radius: 5px;
    animation: show 2s ease;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px
}

.wrong {
    background: #a21220;
    color: white;
}

@keyframes show {

    0% {
        opacity: 0%;
    }

    100% {
        opacity: 100%;
    }
}

@keyframes move {

    0% {
        opacity: 0%;
        visibility: visible;
    }

    25% {
        opacity: 100%;
        transform: translateX(-100px);
    }

    50% {
        opacity: 100%;
        transform: translateX(-100px);
    }

    100% {
        opacity: 0%;
        visibility: hidden;
    }
}