.toast-alert{
    width: 300px;
    height: auto;
    min-height:60px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.16);
    position: fixed;
    top: 10px;
    right: 20px;
    z-index: 10000000000;
    background: rgb(255, 255, 255);
    color: #10fff3;
    transition: 1s all ease ;
}.toast-alert.toast-warning{
    border: 1px solid red;
    color: #f50404;
}.toast-alert.toast-success{
    border: 1px solid rgb(8, 225, 0);
    color: #01e956;
}
.toast-alert.hide{
    right: -110%;
}
.toast-alert .head{
    display: block;
    font-size: 20px;
}