.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;
            left: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;
            left: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);
            }