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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Nunito,sans-serif}*,body{margin:0;padding:0}body,h1{color:#fff}h1{font-size:45px}.App{align-items:center;background:linear-gradient(120deg,#17bebb,#f0a6ca);display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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)}}.container{background:hsla(0,0%,100%,.05);border-radius:5px;box-shadow:0 15px 15px -5px rgba(0,0,0,.2);display:flex;height:70vh;margin:25px;max-width:1100px;width:70%}.sidebar{background:hsla(0,0%,100%,.1);border-right:1px solid #fff;max-width:200px;visibility:visible;width:100%}.members{border-bottom:1px solid #fff;border-left:5px solid;list-style-type:none;padding:10px}.messages{flex-grow:1;overflow:auto;padding-right:25px}.personal_message{border-right:3px solid;float:right;list-style-type:none;padding:5px}.members_message,.personal_message{background-color:hsla(0,0%,100%,.2);margin-top:25px;width:80%}.members_message{border-left:3px solid;float:left;padding:10px}.chatbox{display:flex;flex-direction:column;padding:10px;width:100%}.sender{align-items:flex-start;display:flex}.senders_text{padding-top:5px}.senders_text_time p{align-items:flex-end;display:flex;float:right;font-size:12px}.input_field_box{display:flex;flex-grow:0;margin-top:20px}.input_field{background-color:hsla(0,0%,100%,.2);flex-grow:1;padding:10px}.input_field,.send-message-button{border:none;border-top-left-radius:3px}.send-message-button{background-color:hsla(0,0%,100%,.4);border-top-right-radius:3px;color:#fff;padding:10px 20px}
/*# sourceMappingURL=main.effe287a.css.map*/