/* General */
    .Chat{max-width: 800px; margin: 0 auto; font-size: 1em; padding: 5%;background: #eee url(images/background.jpg); background-size:cover; text-align: center;}
    .Chat *{ display: block; margin: 0; padding: 0;}
/* List */
    .Chat li{z-index: 1; border-radius:2px; overflow: hidden; padding:0px 10px 5px; text-align: left;display: block; position: relative;font-size: 13px; margin:3px 0em; }
/* Message */
    .Chat li p{max-width: 400px; min-width: 100px; box-shadow: 0px 1px 1px rgba(0,0,0,0.2); position: relative;display: inline-block;  background: #fff;  border-radius: 7.5px; padding: .5em .5em .5em 1em;}
    .Chat li p *{ position: relative; z-index: 3;;}
    .Chat li u{ max-width: 400px;float: right; text-decoration: none; min-width: 100px; box-shadow: 0px 1px 1px rgba(0,0,0,0.2); position: relative;display: inline-block;  background: rgb(220, 248, 198);;  border-radius: 7.5px; padding: .5em .5em .5em 1em;}
    .Chat li u *{ position: relative; z-index: 3;;}
    .Chat li b{ font-size: 0.7em; font-weight: normal; color: rgba(32, 32, 50, 0.618);}
    .Chat li em{ position: absolute; bottom: 0.5em; right: 0.5em;; opacity: 0.5; font-size: .7em; font-style: normal; float: right;}
    .Chat li span{ line-height: 1.3; padding: 0.2em 3em 0 0; font-weight: normal; display: block;}
/* Corner */
    .Chat li p:before{ height: 10px; width:0px; background: transparent;top: 0px;border:12px solid #fff;border-left: 12px solid transparent;border-bottom: none; border-radius: 2px; left: -12px; position: absolute;z-index: 2; content: ""; display: block;}
    .Chat li p:after{ height: 1px; width: 25px;box-shadow: 0px 1px 1px rgba(0,0,0,0.2);top: 10px;transform: rotate(47deg);z-index: -1; position: absolute; left: -13px; content: ""; display: block;}
    .Chat li u:before{ height: 20px; width: 40px; background: transparent;top: 0px;border:12px solid rgb(220, 248, 198);border-right: 12px solid transparent;border-bottom: none; border-radius: 2px; right: -12px; position: absolute;z-index: 2; content: ""; display: block;}
    .Chat li u:after{ height: 1px; width: 25px;box-shadow: 0px 1px 1px rgba(0,0,0,0.2);top: 10px;transform: rotate(-47deg);z-index: -1; position: absolute; right: -13px; content: ""; display: block;}
/* Fonts */
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
    .Chat { font-family: 'Open Sans', sans-serif; }