.toast{padding:15px 0;width:200px;font-family:sans-serif;font-weight:100;position:fixed;top:10px;right:0;color:#fff;animation-name:showToast;animation-duration:2.1s;box-shadow:3px 3px 3px #adadad}.toast.good{background:#009600}.toast.bad{background:#a00}.toast.warn{background:#d4ac00}.toast>p{margin:0;padding:0 10px}@keyframes showToast{0% {right: -250px} 10% {right: 10px} 90% {right: 10px} 100% {right: -250px}}