.anotify{position:fixed;right:30px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;z-index:100000}.anotify>.item{max-width:350px;margin-bottom:20px;border-radius:3px;background:#f6f6f6;cursor:pointer;opacity:1;transition:transform .3s,opacity .3s}.anotify>.item.flyout{transform:translateY(-200px);opacity:0}.anotify>.item>h3{margin:15px 15px 5px;padding:0;font-size:18px;font-weight:700}.anotify>.item>p{margin:15px;padding:0;font-size:16px;font-weight:700}.anotify>.item>h3~p{margin-top:5px;font-size:14px;font-weight:400}.anotify>.item.red{color:#fff;background:#C30000}.anotify>.item.green{color:#fff;background:#69C300}.anotify>.item.blue{color:#fff;background:#0060C3}.anotify>.item.yellow{color:#333;background:#FFFEB6}.anotify>.item.orange{color:#fff;background:#EF8D00}.anotify>.item.black{color:#fff;background:#333}