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}*{box-sizing:border-box;margin:0;padding:0}.chatHome{background-color:#fff;display:flex;height:100vh;width:100vw}.ch_left{width:30%}.ch_center{background-color:#cfcfbd;height:100%;width:70%}.ch_right{width:30%}.ch_center_m{background-color:#cfcfbd;height:93%;width:100%}.ch_right_m{background-color:#fff;height:100vh;padding-top:10vh;position:absolute;width:100%}.p_top,.p_top_m{align-items:center;border-bottom:2px solid #c0c093;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:10px;padding-left:20px;padding-right:20px;width:100%}.p_top_m{flex-direction:column;margin-bottom:20px}.arrowIcon,.arrowIcon2{transition:.5s;width:5%}.arrowIcon2{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.p_person{border-bottom:1px solid #cbc8c8;height:40px;padding-left:20px;width:100%}.p_avatar,.p_person{align-items:center;display:flex}.p_avatar{background-color:#83e8e8;border-radius:50%;height:30px;justify-content:center;margin-right:10px;width:30px}.p_list{height:100%;max-height:400px;overflow-y:scroll;width:100%}.toggle{position:absolute;right:8vw;top:2vw;z-index:100}.Timg,.Timg2{cursor:pointer;width:30px}.Timg2{-webkit-animation:1s;animation:1s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.invite_box{left:20vw;top:20vh;width:60vw}.invite_box,.invite_box_m{align-items:center;background-color:#fff;border:2px solid grey;display:flex;flex-direction:column;height:40vh;justify-content:space-around;padding:30px;position:absolute}.invite_box_m{top:10vh;width:100vw}.copy,.leaveRoom{cursor:pointer}.leaveRoom{align-items:center;background-color:red;border:none;border-radius:4px;bottom:20px;color:#fff;display:flex;font-size:15px;font-weight:700;height:30px;justify-content:center;position:absolute;right:20px;width:10%}:root{--body-bg:linear-gradient(135deg,#f5f7fa,#c3cfe2);--msger-bg:#fff;--border:2px solid #ddd;--left-msg-bg:#ececec;--right-msg-bg:#579ffb}.cs_main{display:flex;flex-direction:column;height:100%;width:100%}.cs_top{background-color:#efefe4;height:90%;overflow:hidden;overflow-y:scroll}.cs_bottom{align-items:center;display:flex;height:10%;justify-content:center}.message{border:none;border-radius:4px;height:40px;padding:5px 5px 5px 15px;width:80%}.message:focus{border:2px solid olive;outline:olive}.cs_form{align-items:center;display:flex;height:100%;justify-content:center;padding-left:10%;padding-right:10%;width:100%}.cs_chat{background-color:#abab40;color:hsla(0,0%,100%,.5);justify-content:center}.cs_chat,.cs_chat2{align-items:center;border-radius:4px;display:flex;height:30px;margin:2px 2px 15px 5px;padding-left:20px;padding-right:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cs_chat2{background-color:#e4e4a1}.name{font-size:.6rem;margin-left:10px}.msg-bubble{background:#cdebb2;margin-top:5px}.msg-bubble,.msg-bubble-2{border:2px solid #ddd;border-radius:15px;border-bottom-left-radius:0;margin-bottom:10px;margin-left:10px;padding:10px;width:70%}.msg-bubble-2{background:#ececec;background:var(--left-msg-bg)}.msg-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.msg-info-name{font-weight:700;margin-right:10px}.msg-info-time{font-size:.85em}.emoji-picker-react{background-color:#579ffb;bottom:0;position:absolute;right:0;z-index:100}.roomName{color:#222d20;font-size:4rem;font-weight:700;left:44vw;opacity:.1;position:absolute;top:35vh}.notifications{align-items:center;display:flex;justify-content:center;padding:1px 1px 2px;width:100%}.login-container{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:50px auto 0;max-width:400px;padding:20px}h2{text-align:center}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px}input[type=text]{border:1px solid #ccc;border-radius:3px;padding:10px;width:100%}button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;display:block;padding:10px;width:100%}button:hover{background-color:#0056b3}.join_exist{align-items:center;display:flex;margin-bottom:10px}#rcb{margin-left:10px}body,h1,h2,h3,p{margin:0;padding:0}.heading,.navigation{margin-left:30px}.navigation{margin-top:20px}.landing{font-family:Arial,sans-serif}header{background-color:#333;color:#fff;padding:20px 0}header h1{font-size:36px;margin:0;padding:0}nav ul{list-style:none}nav ul li{display:inline;margin-right:20px}nav a{color:#fff;text-decoration:none}main{padding:20px}.hero{align-items:center;display:flex;justify-content:space-between}.hero img{height:auto;margin-left:10%;max-width:40%}.hero-content{margin-right:10%;max-width:40%}.hero h2{font-size:32px;margin-bottom:10px}.start-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px}.features{display:flex;justify-content:space-between;margin-top:40px}.feature{flex:1 1;padding:10px;text-align:center}.feature h3{font-size:24px;margin-bottom:10px}footer{background-color:#333;color:#fff;padding:20px 0;text-align:center}.social-links a{color:#007bff;margin:0 10px;text-decoration:none}@media screen and (max-width:768px){body,h1,h2,h3,p{margin:0;padding:0}.landing{font-family:Arial,sans-serif}header{background-color:#222;color:#fff;padding:20px 0}header h1{font-size:36px;margin:0;padding:0}nav ul{list-style:none}nav ul li{display:inline;margin-right:20px}nav a{color:#fff;text-decoration:none}main{padding:20px}.hero{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.hero img{height:auto;margin-bottom:20px;max-width:100%}.hero-content{flex:1 1;margin-right:0;max-width:100%;text-align:center}.hero h2{color:#007bff;font-size:32px;margin-bottom:10px}.start-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px}.features{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}.feature{flex:1 1;padding:10px;text-align:center}.feature h3{font-size:24px;margin-bottom:10px}footer{background-color:#222;color:#fff;padding:20px 0;text-align:center}.social-links a{color:#007bff;margin:0 10px;text-decoration:none}@media (max-width:768px){header{padding:10px 0}header h1{font-size:28px}nav ul li{margin-right:10px}.hero{flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero img{margin-bottom:10px;max-width:80%}.start-button{margin-top:10px}.features{flex-direction:column;text-align:center}}}
/*# sourceMappingURL=main.bd9a8ba9.css.map*/