*{margin:0;padding:0}#container{height:100%;width:100%;font-size:0}#left,#middle,#right{display:inline-block;*display:inline;zoom:1;vertical-align:top;font-size:12px}#left{width:50%}#middle{width:100%}#right{width:50%}h4{margin:2rem 0 1rem}#msgWindow{margin-top:20px}#msgs{margin:0 25px;min-height:200px;display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:flex-start}.msg{margin:5px 0;border:1px solid silver;padding:3px 7px;display:inline-block;position:relative;border-radius:10px}.msg:after,.msg:before{content:"";display:inline-block;bottom:0;position:absolute;border:1px solid silver}.msg:before{right:-20px;width:15px;height:15px;border-radius:10px}.msg:after{right:-35px;width:10px;height:10px;border-radius:5px}.msg.from{align-self:flex-end}.msg.to{align-self:flex-start}.msg.to:before{right:inherit;left:-20px}.msg.to:after{right:inherit;left:-35px}.msg.typing{color:silver}#msgForm button:focus,#msgForm input:focus{box-shadow:none}