#notiCont{
    min-width: 400px;
    max-width: 100%;
    position: fixed;
    top: 0;
    right:0;
}
#notiCont div{
    padding: 7px 7px 7px 18px;
    border-radius: 20px;
    margin: 6px;
    color:white;
    font-size: 1.25rem;
    font-family:sans-serif;
    letter-spacing: 0.1rem;
    user-select: none;
    transition:2s;
    animation: slide-left-in 0.4s ease-in-out,slide-left-out 0.4s ease-in-out 2.6s;
}
.sucess{
    background: #a9be60;
}
.error{
    background: #d75966;
}
@keyframes slide-left-in{
    0%{
        transform: translateX(100%);
        opacity:0%;
    }
    70%{
        opacity:100%;
    }
    100%{
        transform: translateX(0%);
        opacity:100%;
    }
}
@keyframes slide-left-out{
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(100%);
    }
}