body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#193996}.name-input{text-align:center}.App{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.App-header{background-color:#263060;border-radius:2rem;color:#fff;margin:1rem auto 0;overflow:visible;text-align:center;width:50%}.Messages-list{flex-grow:1;list-style:none;margin:0 auto;max-width:900px;overflow:auto;padding:20px 0;width:100%}.Messages-message{display:flex;margin-top:10px}.Messages-message.currentMember{flex-direction:row-reverse;text-align:right}.Message-content{display:inline-block}.currentMember>.Message-content{align-items:flex-end}.Messages-message>.avatar{border-radius:50%;display:none;height:35px;margin:0 10px -10px;width:35px}.Message-content>.username{//color:gray;display:block;font-size:24px;padding-bottom:4px}.Message-content>.text{background-color:#6495ed;border-radius:12px;color:#fff;display:inline-block;margin:0;max-width:400px;padding:10px}.currentMember>.Message-content .text{background-color:#ff4500}form{display:flex;justify-content:space-between;margin:0 auto 40px;max-width:900px;width:100%}input{border:1px solid #ff4500;border-radius:8px;flex-grow:1;padding:5px}button,input{font-size:16px}button{background-color:#ff4500;border:none;border-radius:8px;color:#fff;margin-left:10px;padding:5px 10px}
/*# sourceMappingURL=main.1c6712c9.css.map*/