@import url(https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Pacifico&display=swap);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}*{margin:0}.App{background-color:#dadbd3;display:grid;font-family:Mochiy Pop One,sans-serif;height:100vh;place-items:center}.app__body{background-color:#fff;border-radius:40px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;height:90vh;width:60vw}.developer{font-family:Changa,sans-serif;font-size:.9rem;text-align:center}@media screen and (max-width:600px){.app__body{height:100vh;margin-top:0;width:100vw}}.chat{display:flex;flex:1 1;flex-direction:column}.chat_header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;padding:20px}.chat__headerInfo{flex:1 1;padding-left:20px}.chat__headerInfo>h3{color:#a876aa;font-weight:500;font-weight:bolder;margin-bottom:3px}.chat__headerInfo>p{color:gray}.chat__message{background-color:#a876aa;border-radius:10px;color:#eee;display:flex;font-size:16px;margin-bottom:30px;padding:10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat__name{font-size:xx-small;font-weight:800;position:absolute;top:-15px}.chat__name>.MuiAvatar-root{margin:10px}.chat__receiver{background-color:#dcf8c6;color:gray;display:flex;flex-direction:row-reverse;margin-left:auto}.chat__timestamp{font-size:xx-small;margin-left:10px}.chat__headerRight{display:flex;justify-content:space-between;max-width:100px}.chat__headerRight>.MuiAvatar-root{color:#a876aa}.chat_body{background-position:50%;background-repeat:repeat;flex:1 1;overflow:scroll;padding:30px}.chat_footer{align-items:center;border:1px solid #d3d3d3;display:flex;height:62px;justify-content:space-between}.chat_footer>form{display:flex;flex:1 1}.chat_footer>form>input{background-color:#eee;border:none;border-radius:30px;flex:1 1;outline:none;padding:10px}.chat_footer>form>button{display:none}.chat_footer>.MuiSvgIcon-root{color:gray;padding:10px}.sidebar{display:flex;flex:0.35 1;flex-direction:column}.sidebar__search{align-items:center;background-color:#f6f6f6;display:flex;height:39px;padding:10px}.sidebar__searchContainer{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:35px;width:100%}.sidebar__searchContainer>input{border:none;margin-left:10px}.sidebar__searchContainer>.MuiSvgIcon-root{color:gray;margin-left:10px}.sidebar__header{border-right:1px solid #d3d3d3;padding:20px}.sidebar-headerRight,.sidebar__header{display:flex;justify-content:space-between}.sidebar-headerRight{align-items:center;min-width:10vw}.sidebar-headerRight>.MuiSvgIcon-root{font-size:24px!important;margin-right:2vw}.sidebar__chats{background-color:#fff;flex:1 1;overflow:scroll}.sidebarChat{border-bottom:1px solid #f6f6f6;cursor:pointer;display:flex;padding:20px}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat__info>h1{font-size:16px;margin-bottom:8px}.sidebarChat__info{margin-left:15px}
/*# sourceMappingURL=main.2234c468.css.map*/