#msg-container {
    xborder:1px solid red;
    position:absolute;
    bottom:0;
    margin-bottom:30vh;
    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;
    xwill-change: opacity;
}