@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0}article,aside,caption,figure,footer,header,main,nav,section{display:block;padding:0;margin:0}blockquote,code,h1,h2,h3,h4,h5,h6,hgroup,li,ol,p,pre,ul{display:block;margin:0}h1,h2,h3,h4,h5,h6{padding-left:0;padding-right:0;margin:0}li,ol,ul{list-style:none}a,a:hover{text-decoration:none}a:hover,button:focus,input:focus{outline:none}#root{font-family:"Roboto",sans-serif;font-size:1vw;padding:0;margin:0}.app{display:flex;flex-direction:column;justify-content:space-between;width:100vw;height:100vh}.app-header{background-color:#22262b;height:12.8vh;padding:.5em}.app-header,.app-title{justify-content:center;align-items:center}.app-title h1{font-size:2.4vw;color:#fff;text-align:center}.form{justify-content:space-around;align-items:baseline;width:100%;max-width:100%;padding:1em;margin:2.5em auto 0}.input-message{flex-basis:89%;border-radius:1.5em;overflow:auto;resize:none}.button,.input-message{position:relative;width:100%;padding:.75em 1.25em}.button{background-color:#ff3358;border:.0625em solid #ff3358;border-radius:.5em;font-size:1.2em;font-weight:500;color:#fff;flex-basis:9%}.messages-list{padding:1.25em 0;max-width:100%;width:100%;margin:0 auto;flex-grow:1;overflow-y:visible}.messages-message{display:flex;margin-top:.625em}.messages-message.currentMember{flex-direction:row-reverse;text-align:right}.messages-message.currentMember>.message-content{align-items:flex-end}.messages-message.currentMember>.message-content .text{background-color:#ff3358!important}.messages-message>.avatar{height:2.2em;width:2.2em;border-radius:50%;display:inline-block;padding:.25em;margin:0 .625em .625em}.messages-message .message-content{display:inline-block}.messages-message .message-content>.username{display:block;color:grey;font-size:1em;padding:.25em}.messages-message .message-content>.text{padding:.625em;max-width:30vw;margin:0;border-radius:.75em;background-color:#00aceb;color:#fff;display:inline-block}
/*# sourceMappingURL=main.0014f310.chunk.css.map */