:root{--main-color:#00c28e;--secondary-color:#fff4e6;--main-text-color:#11d7d8;--secondary-text-color:pink;--send-message-form:#fff}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=text]{margin:0;height:60px;color:#1e1e1e;font:400 1rem proxima-nova,sans-serif;width:100%;border:1px solid #dee0e0;padding:7px 20px}input[type=text]:focus{border:1px solid #af9570;outline:none!important}input[type=submit]{background-color:#323232;color:#fff;font:700 1rem proxima-nova,sans-serif;border:none;position:relative;transition:.3s ease-in-out;text-decoration:none;padding:20px 80px;text-align:center;cursor:pointer;margin-top:20px}input[type=submit]:hover{box-shadow:-10px 10px 0 rgba(50,50,50,.15);background-color:#1e1e1e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;overflow:auto}.app{height:100vh;width:100vw;overflow-x:hidden;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr 1fr 1fr 1fr 60px;grid-template-areas:"m m m m m m" "m m m m m m" "m m m m m m" "m m m m m m" "m m m m m m" "m m m m m m"}.app,.chat{display:grid;padding:0;overflow-y:hidden}.chat{grid-area:m;height:100%;width:100%;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr 1fr 1fr 1fr 60px;grid-template-areas:"r m m m m m" "r m m m m m" "r m m m m m" "r m m m m m" "r m m m m m" "r i i i i i"}.chatlist{grid-area:r;overflow:hidden;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:0;background:#00c3bf;color:#fff4e6;color:var(--secondary-color)}.chatlist-entry{width:100%;height:50px;overflow-y:hidden;overflow-x:hidden}.chatlist-entry-selected .chatlist-entry{background:rgba(0,0,0,.13)}.chatlist-entry-name{height:100%;width:75px;float:left;text-align:left;white-space:nowrap;overflow:hidden;resize:horizontal}.chatlist-entry-timestamp{float:right;text-align:right;width:50px;height:100%}.chatroom{grid-area:m;box-sizing:border-box;padding:0;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;background:#fff}.message{margin:0}.message-right{justify-content:flex-end;align-items:flex-end}.message-left,.message-right{margin:5px 0;display:flex;flex-direction:column}.message-left{justify-content:flex-start;align-items:flex-start}.message-body{margin:5px 0;max-width:60%;background:#00c28e;background:var(--main-color);color:#fff4e6;color:var(--secondary-color);padding:4px 8px;border-radius:8px;white-space:pre-wrap}.message-body,.message-timestamp{justify-content:flex-end;float:right;clear:both}.message-timestamp{padding:2px;border-radius:0;font-size:small}.message-input{grid-area:i;background:#fff;background:var(--send-message-form);box-sizing:border-box;height:100%;width:100%}h3{text-align:center;padding:0;margin:0;border-bottom:1px solid #ddd;background-color:#eee}.chat-input{position:relative;overflow:hidden;padding:0;flex-shrink:0}.chat-input input[type=text]{width:100%;margin-left:0;margin-right:0}.message-input-form{width:100%;padding:0;border:none;margin:0;background:#fff;background:var(--send-message-form);font-weight:200}.send-message-form input:focus{outline-width:0}.send-message-form input::-webkit-input-placeholder{color:#000}.send-message-form input::-ms-input-placeholder{color:#000}.send-message-form input::placeholder{color:#000}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin}.App-header{background-color:#282c34;min-width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.f433edd8.chunk.css.map */