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}.App,html{background-color:#262626}.Chat{display:flex;flex-direction:column;justify-content:space-between}.Chat-header{background-color:#262626;color:#fff;overflow:visible;text-align:center;width:100%}.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:40px}.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:inline-block;height:35px;margin:0 10px -10px;width:35px}.Message-content>.username{color:gray;display:block;font-size:14px;padding-bottom:4px}.Message-content>.text{background-color:#483d8b;border-radius:12px;color:#fff;display:inline-block;margin:0;max-width:400px;padding:10px}.currentMember>.Message-content .text{background-color:#f64668}form{display:flex;justify-content:space-between;margin:0 auto 40px;max-width:900px;width:100%}input{border:1px solid #ff4500;border-radius:8px;bottom:0;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}.spinner{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#483d8b;height:60px;width:60px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.clear{clear:both}.checkBox{border:3px solid hsla(0,0%,100%,0);border-radius:6px;box-shadow:0 0 0 2px #fff;cursor:pointer;display:block;height:20px;overflow:hidden;position:relative;width:20px}.checkBox div{background-color:#fff;height:50px;left:-52px;position:absolute;top:-52px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:50px;z-index:100}.checkBox input[type=checkbox]:checked+div{left:-10px;top:-10px}.checkBox input[type=checkbox]{left:50px;position:absolute;visibility:hidden}.transition{transition:.3s ease}
/*# sourceMappingURL=main.56d6cf58.css.map*/