/*
body {
    margin: 0;
    background: transparent;
    color: white;
    font-family: sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
} */
body { 
    font-family: sans-serif; 
    background: transparent;
    color: white; 
    margin: 0; 
    padding: 10px; 
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100svh;
    width: 100svw;
    box-sizing: border-box; /* good practice */
}

#highlighted-message {
    background: rgba(109, 6, 154, 0.3);
    padding: 20px 30px;
    border-radius: 1em;
    font-size: 3em;
    text-align: left;
    /* width: max-content; 
    height: fit-content;*/
    width: 100%;
    height: 240px;
    
}

#highlighted-message{
    display: none;
}

#highlighted-message .chat-username {
    color: #00ff90;
    font-weight: bold;
}

#highlighted-message .chat-message {
    /*background-color: rgba(0,0,0,0.6); */
    padding: 8px 12px;
    border-radius: 0.6em;
    /* max-width: 600px; */
    font-family: sans-serif;
}

.badge {
    height: 1em;
    vertical-align: middle;
    margin-right: 4px;
}