#msg-container {
    xborder:1px solid red;
    position:absolute;
    width:100vw;
    height:15vh;
    z-index:4;
    pointer-events: none;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-family: consolas, monospace;

    display:flex;
    flex-direction:column;
    align-items: end;
    justify-content: end;

    
}

#msg-container > .msg {
    xborder:1px solid grey;
    xbackground-color:  rgba(0, 0, 0, 0.6);
    text-align:center;
    width:100%;
    padding:5px;
    margin:0px;

    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.99);

    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,.8) 20%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0) 100%);

    transition: opacity 1s ease-in;
    will-change: opacity;
}

.msg > .enemy {
    color:red;
}

.msg > .xp {
    color:rgb(88, 88, 88);
    margin-left:5px;
}

.msg > .level-up {
    color:rgb(0, 182, 24);
   
}