@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:400,700);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&family=Kumbh+Sans&display=swap);body{margin:0;font-weight:400;font-family:"Nunito sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{display:grid;place-items:center;height:100vh;color:#bdbdc0;transition:width .3s}.css-selector{background:linear-gradient(110deg,#000,#c32c2c,#d1d42d,#265ce3,#8e26e3,#000);background-size:600% 600%;-webkit-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0 18%}50%{background-position:100% 83%}to{background-position:0 18%}}@keyframes AnimationName{0%{background-position:0 18%}50%{background-position:100% 83%}to{background-position:0 18%}}.app_body{height:90vh;width:90vw;box-shadow:-3px 4px 20px -5px #000}.app_body,.sidebar{display:flex;border-radius:16px;background-color:transparent}.sidebar{flex:0.30 1;width:80px;height:100%;border-right:1px solid rgba(189,189,192,.1);box-shadow:4px 4px 20px -5px #000}.sidebar_chats{flex:1 1;overflow-y:auto}@media (min-width:576px){.sidebar{width:400px}}::-webkit-scrollbar-track{background:#ebe6e6}::-webkit-scrollbar-thumb{background:#d34949}::-webkit-scrollbar-thumb:hover{background:rgba(255,50,50,.8)}.sidebarChat{display:flex;align-items:flex-start;padding:1rem;cursor:pointer;font-size:large}.sidebarChat:hover{background-color:rgba(0,0,0,.2)}.sidebarChat_info{display:none}a{text-decoration:none!important}@media (min-width:576px){.sidebarChat_info{display:block;color:hsla(0,0%,100%,.8);padding:0 0 0 1rem}.sidebarChat_info-roomname{margin:0;color:hsla(0,0%,100%,.8);font-size:1rem}.sidebarChat_info-addRoom{padding:2rem;color:hsla(0,0%,100%,.8);margin:0 0 10px;box-shadow:0 4px 20px -5px #ff3c00;font-size:1rem}}.chat{flex:0.70 1;display:flex;flex-direction:column}.chat_header{padding:1rem 2rem;display:flex;align-items:center;border-radius:14px;border-bottom:1px solid rgba(189,189,192,.2);box-shadow:1px 2px 15px -5px #000}.header_info{flex:1 1;padding-left:25px}.header_info>p{color:#b3b3b3}.header_info>h3{font-weight:700;color:#fff}.chat_body{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;width:97.5%;padding:14px;margin:0 auto;overflow:auto}.chat_message{position:relative;margin:.5rem 0;color:#fff;padding:10px;background:linear-gradient(90deg,#cc351a,#7b9cc2);max-width:90%;border-top-right-radius:10px;border-bottom-right-radius:10px}.chat_timestamp{margin-left:10px;color:#fff;font-size:xx-small}.chat_name{position:absolute;padding-top:10px;top:-24px;left:0;font-weight:800;font-size:xx-small}.chat_receiver{position:relative;margin-left:auto;background:linear-gradient(90deg,#7b9cc2,#3c3d3d);border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-bottom-left-radius:10px}.chat_footer{width:97.5%;margin:1rem auto;padding-left:2rem}.chat_message_input{width:97.5%;padding:1rem;background:linear-gradient(180deg,#3d3d3d,#cf7667);color:#fff;border:1px solid hsla(0,0%,80%,.514);border-radius:20px;font-size:1rem;box-shadow:-1px 1px 16px -5px rgba(48,48,48,.774);outline:0}.chat_footer>form>button{display:none}@media (min-width:576px){.chat_message{max-width:60%}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#807b7b}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}.card{text-align:center;width:190px;padding-top:1rem;padding-bottom:.5rem;padding-right:1rem;margin:auto;border-radius:20px;color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.3);transition:.3s}.logo{position:absolute;margin-top:1px;margin-left:142px;width:18px;height:18px}.buttons{margin-top:-1px}.special-card{font-family:"Kumbh Sans",sans-serif;font-weight:400;color:#fff}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}i:hover{-webkit-animation:shake 1.5s;animation:shake 1.5s}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}30%{transform:translate(3px,2px) rotate(0deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}70%{transform:translate(3px,1px) rotate(-1deg)}90%{transform:translate(1px,2px) rotate(0deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}30%{transform:translate(3px,2px) rotate(0deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}70%{transform:translate(3px,1px) rotate(-1deg)}90%{transform:translate(1px,2px) rotate(0deg)}}.footer{position:fixed;left:-10px;bottom:0;width:100%;font-family:"Oxanium";text-align:right;color:#fff;font-size:medium}
/*# sourceMappingURL=main.5e69590b.chunk.css.map */