body { background-color: #18181b; padding: 0px; margin: 0px; overflow: hidden; font-family: 'Asap', sans-serif; } #messages { color: white; list-style-type: none; position: absolute; bottom: 0px; margin: 0px; padding: 0px; } .slide { animation: slide 0.5s forwards; } .item { width: 400px; margin: 0.5rem; } .destroy { animation: disappear 1s; opacity: 0; } .text { padding-right: 0.5rem; } .name { font-weight: bold; } .badge { margin-right: 0.3rem; } .emoticon { height: 2rem; } @keyframes slide { from { } to { bottom: 0rem; } } @keyframes disappear { from { opacity: 1; } to { opacity: 0; } }