body{margin:0;font-size:16px;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;height:100vh;color:#f0f8ff;background-color:#0c0c0c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box}#left-side,#right-side{padding:40px 40px 80px}#users-title{font-size:20px;font-weight:800;margin-bottom:10px}#app,#root{height:100%}#app{-webkit-flex-direction:row;flex-direction:row}#left-side{width:20vw;height:100%;border-right:.5px solid grey}#mode-div{-webkit-align-self:center;align-self:center}#user-list{-webkit-align-items:flex-start;align-items:flex-start}#user-list,.users{-webkit-flex:1 1;flex:1 1}.users{margin-bottom:20px}#mode-button{-webkit-align-self:center;align-self:center;border:none;outline:none;padding:10px;border-radius:12px;width:20;font-size:14px;font-style:bold;color:#e4e4e4;background-color:#bd5252;cursor:pointer;transition:.4s}#mode-button:hover{color:#303030;background-color:#ee9393}#unique-list{margin-bottom:10px}#right-side{width:80vw;height:100%}#my-message{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}#blue-message{background-color:#4c9fe4;color:#f0f8ff}#other-message{-webkit-flex-direction:row;flex-direction:row}.flex-change{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}#timestamp-1{font-size:12px;padding-left:10px;margin-bottom:10px;border-radius:12px}#timestamp-2{font-size:12px;-webkit-align-items:flex-end;align-items:flex-end;padding-left:10px}#timestamp-2,.user-initials{margin-bottom:10px;border-radius:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-initials{padding:10px}.message-list{margin-bottom:10px;background-color:#f0f8ff;border-radius:12px;color:#4f6a8f;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#messages{overflow-y:auto}::-webkit-scrollbar-track{border-radius:10px}#messages::-webkit-scrollbar-thumb:hover{background:#555}#draft-message,#mode-button{height:40px}#draft-message{-webkit-flex-direction:row;flex-direction:row;background-color:#fff;padding:8px;border-radius:12px}#send-button,input{border:none;outline:none}#send-button{border-radius:12px;cursor:pointer;transition:.6s;background-color:#e4e4e4;font-size:20px;font-style:bold}#send-button:hover{color:#f0f8ff;background-color:#7ca7df}
/*# sourceMappingURL=main.0c0d9050.chunk.css.map */