body{margin: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0}@media screen and (min-width:451px){.app{background-color:#c2bfbf;display:grid;place-content:center;height:100vh}.app_body{display:-webkit-flex;display:flex;background-color:#e5e5e5;box-shadow:2px 5px 20px 5px rgba(0,0,0,.2);height:90vh;width:90vw;position:relative}.app_body .control_sidebar{position:absolute}}@media screen and (max-width:450px){.app{display:grid;place-content:center;height:100vh}.app_body{display:-webkit-flex;display:flex;background-color:#e5e5e5;height:100vh;width:100vw;position:relative}.app_body .control_sidebar{position:absolute;right:45%;top:-15px;font-size:2rem;color:#000}}@media screen and (min-width:451px){.style1{border-right:1px solid #b6b0b0;-webkit-flex:0.35 1;flex:0.35 1;-webkit-flex-direction:column;flex-direction:column}.sidebar_header,.style1{display:-webkit-flex;display:flex}.sidebar_header{-webkit-justify-content:space-between;justify-content:space-between;padding:.5rem}.sidebar_header_right,.sidebar_search{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebar_search{background-color:#f6f6f6;padding:.5rem 2rem}.sidebar_searchinput{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#fff;width:100%;height:2rem;border-radius:10px}.sidebar_searchinput input{border:none;margin-left:.5rem}.sidebar_searchinput input:focus{outline:none}}@media screen and (max-width:450px){.style1{flex-direction:column;position:absolute;-webkit-transform:translateX(-200%);transform:translateX(-200%)}.show1,.style1{border-right:1px solid #b6b0b0;display:-webkit-flex;display:flex;-webkit-flex-direction:column}.show1{flex-direction:column;-webkit-flex:1 1;flex:1 1}.sidebar_header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:.5rem}.sidebar_header_right,.sidebar_search{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebar_search{background-color:#f6f6f6;padding:.5rem 2rem}.sidebar_searchinput{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#fff;width:100%;height:2rem;border-radius:10px}.sidebar_searchinput input{border:none;margin-left:.5rem}.sidebar_searchinput input:focus{outline:none}}.sidebar_chatbox{background-color:#fff;-webkit-flex:1 1;flex:1 1;overflow:auto}.sidebar_chat{display:-webkit-flex;display:flex;cursor:pointer;padding:20px;border-bottom:1px solid #f5f5f5}a{text-decoration:none;color:#000;font-size:small}.sidebar_chat_info{margin-left:10px}.sidebar_chat:hover{background-color:#ebebeb}@media screen and (min-width:451px){.style2{-webkit-flex:0.65 1;flex:0.65 1;width:100vw;-webkit-flex-direction:column;flex-direction:column}.chat_header,.style2{display:-webkit-flex;display:flex}.chat_header{padding:1rem;border-bottom:1px solid #f5f5f5}.chat_header .control_sidebar{display:none}.chat_info{-webkit-flex:1 1;flex:1 1;margin-left:1rem}.chat_info p{color:grey;width:100%}.chat_body{-webkit-flex:1 1;flex:1 1;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);overflow:auto;background-repeat:repeat;background-position:50%;padding:1rem;scroll-behavior:smooth}.message{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;border-radius:10px;padding:.3rem;margin-bottom:30px}.chat_name{position:absolute;top:-15px;left:0;font-weight:700;font-size:xx-small}.chat_timestamp{font-size:xx-small;color:grey;margin-left:10px}.chat_receiver{background-color:#c7f0c7;margin-left:auto}.chat_bottom{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:4rem}.chat_bottom_input{-webkit-flex:1 1;flex:1 1;margin-right:.5rem}.chat_bottom_input input{width:100%;background-color:#fff;border-radius:10px;padding:.4rem;border:none}.chat_bottom_input input:focus{outline:none}.chat_bottom form button{display:none}}@media screen and (max-width:450px){.style2{-webkit-flex:1 1;flex:1 1;width:100vw;flex-direction:column}.show2,.style2{display:-webkit-flex;display:flex;-webkit-flex-direction:column}.show2{position:absolute;flex-direction:column;-webkit-transform:translateX(-200%);transform:translateX(-200%);height:100vh}.chat_header{display:-webkit-flex;display:flex;padding:1rem 0;border-bottom:1px solid #f5f5f5}.chat_info{-webkit-flex:1 1;flex:1 1;margin-left:1rem}.chat_info p{color:grey;width:100%}.chat_body{-webkit-flex:1 1;flex:1 1;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);overflow:auto;background-repeat:repeat;background-position:50%;padding:1rem;scroll-behavior:smooth}.message{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;border-radius:10px;padding:.3rem;margin-bottom:30px}.chat_name{position:absolute;top:-15px;left:0;font-weight:700;font-size:xx-small}.chat_timestamp{font-size:xx-small;color:grey;margin-left:10px}.chat_receiver{background-color:#c7f0c7;margin-left:auto}.chat_bottom{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:4rem}.chat_bottom_input{-webkit-flex:1 1;flex:1 1;margin-right:.5rem}.chat_bottom_input input{width:100%;background-color:#fff;border-radius:10px;padding:.4rem;border:none}.chat_bottom_input input:focus{outline:none}.chat_bottom form button{display:none}}.Login{display:grid;place-items:center;width:100vw;height:100vh}.login_container{padding:2rem;background-color:#fff;box-shadow:2px 5px 15px 4px rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border-radius:10px}.login_container img{object-fit:cover;height:100px;margin-bottom:20px}.login_container Button{text-transform:inherit;background-color:#39b639;color:#fff}.login_container h2{margin-bottom:20px}
/*# sourceMappingURL=main.0569eb95.chunk.css.map */