@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#2f3136;background:var(--primary)}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}body{padding:0;margin:0;overflow-x:hidden;overflow-y:hidden;font-family:"Raleway",sans-serif;background-color:#202225;background-color:var(--secondary)}.app{-webkit-flex-direction:row;flex-direction:row}.app,.banner{display:-webkit-flex;display:flex}.banner{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#2f3136;background-color:var(--primary);padding:.5rem;border:1px dotted #2f3136;border:1px dotted var(--primary);border-radius:1rem;margin:.5rem;box-shadow:0 4px 8px 0 rgba(136,132,132,.2),0 6px 20px 0 rgba(214,206,206,.19)}.banner>a{text-align:center;font-size:x-large;color:#fff}.loading{-webkit-flex-direction:column;flex-direction:column}.app-landing,.loading{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.app-landing{font-family:"Raleway",sans-serif;-webkit-flex-direction:row;flex-direction:row;height:89vh;width:98vw;color:#fff;background-color:#2f3136;background-color:var(--primary);border:1px dotted #2f3136;border:1px dotted var(--primary);border-radius:1.5rem;margin:.5rem;box-shadow:0 4px 8px 0 hsla(0,0%,98.8%,.2),0 6px 20px 0 rgba(233,150,150,.19)}img{height:50vh;width:50vw}button{padding:.5rem;margin-top:1rem}button:hover{background-color:#2f3136;background-color:var(--primary);color:#fff}.chat{width:100%;height:90vh;-webkit-flex-direction:column;flex-direction:column;border-radius:1rem;margin:.5rem;box-shadow:0 4px 8px 0 rgba(136,132,132,.2),0 6px 20px 0 rgba(214,206,206,.19);padding-left:1rem}.chat,.chatinfo{display:-webkit-flex;display:flex}.chatinfo{color:#fff;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;padding:.5rem;margin:0;height:8vh}h3,h6{margin:.25rem}.chatinfo__right{padding:1rem}.chatinfo__modal{border-radius:1rem;box-shadow:0 4px 8px 0 rgba(230,204,204,.2),0 6px 20px 0 rgba(218,216,216,.19);position:relative;width:96%;height:80vh;color:#fff;background:#202225;background:var(--secondary);padding:.5rem;margin-bottom:.75rem}.chatinfo__participants{padding:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.chat__body,.chatinfo__participants>p{padding-left:.5rem}.chat__body{width:98%;scroll-behavior:smooth;height:68vh;background-color:#2f3136;background-color:var(--primary);overflow-y:auto;border-radius:1rem;box-shadow:0 4px 8px 0 rgba(230,204,204,.2),0 6px 20px 0 rgba(218,216,216,.19)}.chat__messageInput{width:100%;height:9vh;display:-webkit-flex;display:flex;background-color:#202225;background-color:var(--secondary)}.MuiFormControl-root,form{width:98%}.MuiInputBase-input,label{color:#fff!important}.chat_user{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chat_user>p{margin:0 1rem .5rem}.chat__messagereceived,.chat__messagesent{display:-webkit-flex;display:flex;max-width:100%;padding:.5rem;background-color:#202225;background-color:var(--secondary);color:#fff}.chat__messagereceived{background-color:#2f3136;background-color:var(--primary)}.chat__messagereceived:hover,.chat__messagesent:hover{background-color:grey}:root{--primary:#2f3136;--secondary:#202225}.chatroom{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;background-color:#202225;background-color:var(--secondary);border-radius:1rem;margin:.5rem;box-shadow:0 4px 8px 0 rgba(136,132,132,.2),0 6px 20px 0 rgba(214,206,206,.19);padding:1rem}span{color:#fff}.chatroom-hide,.test{display:none}.chatroom-show,.test{padding:.5rem}#standard-basic,#standard-basic-label{color:#fff;margin-top:1rem}form>button{display:none}a{text-decoration:none}.chatroom_chatlist{height:65vh;overflow-y:auto;padding:1rem}.chatroom_chatlist :hover{background-color:#2f3136;background-color:var(--primary)}.chatlist__div{color:#fff;font-size:medium}@media (max-width:421px){.chatroom{background-color:#202225;background-color:var(--secondary);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.chatroom-show{width:100vw}.chatroom_chatlist{width:100vw;padding:1.2rem;background-color:#202225;background-color:var(--secondary)}.chatlist__name{font-size:1.25rem}}
/*# sourceMappingURL=main.dcabfa74.chunk.css.map */