.notification{z-index:100000;position:fixed;padding:15px 20px;display:flex;flex-direction:column;border-radius:4px;color:white;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);animation:slideIn .3s ease-out;transition:opacity .3s ease}.notification[position=top-left]{top:20px;left:20px}.notification[position=top-right]{top:20px;right:20px}.notification[position=bottom-right]{bottom:20px;right:20px}.notification[position=bottom-left]{bottom:20px;left:20px}.notification:hover{opacity:.9}.notification.info{background-color:#3498db}.notification.success{background-color:#2ecc71}.notification.warning{background-color:#f39c12}.notification.error{background-color:#e74c3c}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}