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{font-family:Open Sans}a{color:inherit;text-decoration:none}a.loginHeaderButton{border:1px solid transparent}a.loginHeaderButton:hover{border-bottom:1px solid #889edf}.loginScreen{grid-row-gap:1rem;background-image:linear-gradient(175deg,#303e8d,#313a81 1%,#323777 6%,#333771 21%,#323467 48%,#33325d 69%,#333257 82%,#333252 90%,#33324e 95%,#323149 98%,#323145 100%,#313041 0);display:grid;grid-template-rows:-webkit-min-content 60vh 30vh 20vh;grid-template-rows:min-content 60vh 30vh 20vh;justify-content:center;max-width:100%;row-gap:1rem;width:100vw}.features{grid-row-gap:.5rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr -webkit-min-content 2fr;grid-template-rows:1fr min-content 2fr;row-gap:.5rem;width:80rem}.featureDisplay{align-content:center;border:1px solid #889edf;display:grid;justify-content:center}.featureDisplayIcon{color:#fff;font-size:2rem;opacity:80%}.featureDisplayTitle{color:#fff;font:500 1.2rem Open Sans}.featureDisplayDescription{color:#fff;font:300 1rem Open Sans}.loginHeader{display:flex;justify-content:center;padding:1rem 0}.loginHeaderContent{align-items:center;display:flex;justify-content:space-between;width:80rem}.loginHeaderBranding{color:#fff;font:600 1.5rem Hind}.loginHeaderMenu{color:#fff;display:flex;font:300 1.2rem Open Sans;gap:2rem}.loginScreenWelcome{align-items:center;color:#fff;display:grid;justify-items:center}.loginScreenWelcomeText{align-items:center;display:flex;flex-direction:column;font:300 3rem Open Sans;justify-items:center}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loginScreenBranding{-webkit-animation:fadeIn 5s ease;animation:fadeIn 5s ease;display:inline-block;font-weight:600}.loginScreenTagline{font:300 1.5rem Open Sans}.loginScreenButtonBox{align-items:flex-start;color:#fff;display:grid;justify-items:center}.chatUI{grid-template-areas:"sidebar chatBox";grid-template-columns:1fr 4fr;width:100vw}.chatBox,.chatUI{display:grid;height:100vh}.chatBox{grid-area:chatBox;grid-template-areas:"header" "chat" "sendDialog";grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content}.sidebar{background-color:#302f40;color:#fff;font-family:Open Sans;grid-area:sidebar}.sidebar-section{border-top:2px solid #1f1f26;margin-bottom:1rem}.sidebar-header{padding:1rem .5rem}.sidebarHeaderBranding{font:600 1.5rem Hind}.sidebarHeaderStatus{font:400 1rem Open Sans}.sidebarHeaderStatus,.sidebarHeading{display:flex;flex-direction:row;justify-content:space-between}.sidebarHeading{font:300 1rem Hind;padding:1rem}.sidebar-menu{font-size:1rem}.channelList{box-sizing:border-box;display:flex;flex-direction:column;width:100%}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.channelItem{font:500 1rem Open Sans;padding:0 1rem;text-align:left}.sidebar-list{display:flex;flex-direction:column}.sidebar-item{display:flex;flex-direction:row;font:500 1rem Open Sans;justify-content:space-between;padding:0 1rem}.channelItem:hover{font-weight:600}.selected{background-color:#4369d9}.chat{display:flex;flex-direction:column-reverse;font-family:Open Sans;gap:1rem;grid-area:chat;overflow-y:scroll;padding:1rem}.header{align-items:center;background-color:#1f1f26;color:#fff;display:grid;grid-area:header;grid-template-columns:1fr 1fr;justify-items:center;padding:.5rem 2rem}.headerText{justify-self:start}.headerChannel{font:600 1.5rem Hind}.headerChannelDescription{font:300 1rem Hind}.headerMenu,.redDot{justify-self:end}.redDot{color:red}.greenDot{color:green;justify-self:end}.sendDialog{border-top:1px solid #e0e0e0;display:flex;grid-area:sendDialog;padding:1rem 2rem}.sendDialogInput{border:0 outset #000;flex-grow:1}.sendDialogInput:focus{outline:none}.sendDialogButton{background-color:#fff;border:1px outset #000}.messages{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.messageCard{align-items:center;display:flex;flex-direction:row;gap:1rem}.messageCardUserImage{border-radius:.5rem;display:block;height:auto;max-height:2.5rem;object-fit:cover}.messageCardContent{display:flex;flex-direction:column}.messageCardHeader{align-items:center;display:flex;gap:1rem;width:100%}.user{font-family:Hind;font-size:1rem;font-weight:600}.timestamp{color:gray;font-family:Hind;font-size:.8rem;font-weight:300}.messageBox{font-size:1rem}
/*# sourceMappingURL=main.6b5e80eb.css.map*/