.notification {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px;
    background:rgba(201, 64, 64, 0.808);
    color:#fff;
    font-size:16px;
    font-weight:100;
    width:300px;
    position: fixed;
    right:0px;
    top:20px;
    transform:translateX(300px);
    transition: .2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    box-shadow: 0px 0px 3px 1px rgba(206, 64, 64, 0.5);
    }
    .notifications {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px;
    background:rgba(126, 201, 64, 0.808);
    color:#fff;
    font-size:16px;
    font-weight:100;
    width:300px;
    position: fixed;
    right:0px;
    top:20px;
    transform:translateX(300px);
    transition: .2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    box-shadow: 0px 0px 3px 1px rgba(126, 201, 64, 0.808);
    }
    .pop {
    transform:none;
    }
    .notification svg {
    fill:#fff;
    margin-right:15px;
    }
    .popper {
    top:20px;
    right:20px;
    background:rgb(0, 0, 0);
    padding:15px 45px;
    border-radius:50px;
    font-family:"Raleway";
    box-shadow: 0px 0px 3px 1px rgb(0,0,0,.5);
    }