.container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:100vh}.box,.container{-webkit-justify-content:center;justify-content:center}.box{width:400px;max-width:500px;margin-right:auto;margin-left:auto;margin-top:2%}.body{width:100%;float:left}.leftpane{width:30%;height:100px}.leftpane,.middlepane{float:left;border-collapse:collapse}.middlepane{width:40%;height:100%}.rightpane{width:30%;float:left;height:100px;border-collapse:collapse}.p-message{max-width:500px;margin-bottom:12px;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;text-align:center}.message{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sent{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.sent p{background:#45b836;-webkit-align-self:flex-end;align-self:flex-end;margin-right:2%}.received p,.sent p{max-width:500px;margin-bottom:12px;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;text-align:center}.received p{background:#717172;margin-left:2%}
/*# sourceMappingURL=main.4560ffa8.chunk.css.map */