chat-area.line message-line{
    grid-template-columns: 85% 20%;
  }

  chat-area.line message{
    justify-self: left;
    position: relative;
    display:block;
    padding:10px 10px;
    margin:5px;
    color:black;
  }

  chat-area.line message.system {
    border-top:    2px solid  gray;
    border-bottom: 2px solid gray;
  }

  chat-area.line message.system:after, message.system:before {
    display:none;
  }

  chat-area.line message.me{
    overflow: hidden;
    justify-self: right;
    margin-right: 20px;
    border-color: #72ADE0  ;
  }

  chat-area.line message-timestamp {
    padding-left: 8px;
    border-left: lightgray solid 2px;
  }