.textsection{display:flex}.glyph{border-left:4px dotted #9e9e9e;height:39px;margin:6px 0;margin-left:25px}.maxsize{max-height:300px;max-width:300px}body{font-family:helvetica;display:flex;flex-direction:column;align-items:center}.chat{width:100%;border:solid 1px #eee;display:flex;flex-direction:column;padding:10px}.messages{margin-top:10px;display:flex;flex-direction:column}.messages:first-of-type{margin-top:0}.message{border-radius:20px;padding:8px 15px;margin-top:5px;margin-bottom:5px;display:inline-block;word-break:break-word}.yours{align-items:flex-start}.yours .message{margin-right:25%;background-color:#eee;position:relative}.yours .message.last:before{content:"";position:absolute;z-index:0;bottom:0;left:-7px;height:20px;width:20px;background:#eee;border-bottom-right-radius:15px}.yours .message.last:after{content:"";position:absolute;z-index:1;bottom:0;left:-10px;width:10px;height:20px;background:#fff;border-bottom-right-radius:10px}.mine{align-items:flex-end}.mine .message{color:#fff;margin-left:25%;background:linear-gradient(to bottom,#00d0ea 0%,#0085d1 100%);background-attachment:fixed;position:relative}.mine .message.last:before{content:"";position:absolute;z-index:0;bottom:0;right:-8px;height:20px;width:20px;background:linear-gradient(to bottom,#00d0ea 0%,#0085d1 100%);background-attachment:fixed;border-bottom-left-radius:15px}.mine .message.last:after{content:"";position:absolute;z-index:1;bottom:0;right:-10px;width:10px;height:20px;background:#fff;border-bottom-left-radius:10px}.question{margin:0}.answer{margin:0 0 5px 0}