*{box-sizing:border-box}body{margin:15px;font-family:Poppins,sans-serif;overflow:hidden}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes flash{0%{opacity:.5}to{opacity:1}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.navContainer{width:1200px;height:80px;flex-direction:row-reverse;align-items:center;gap:20px;margin-left:140px;padding-right:20px;display:flex}.navContainer img{cursor:pointer;transition:all .5s}.navContainer img:hover{transform:translateY(-5px)}.logo{width:60px;height:60px;position:absolute;top:20px;left:20px}.user_profile_image{width:60px;height:60px;position:absolute;top:23px;left:100px}.add_user_image{width:60px;height:60px;cursor:pointer;transition:all .5s;position:absolute;top:23px;left:180px}.add_user_image:hover{transform:scale(1.1)}.search_Add_user{width:350px;height:45px;text-align:center;opacity:.7;background-color:#b0b5f8;border-style:none;border-radius:16px;outline:none;transition:all .5s;animation:show 1s ease-in;position:absolute;top:30px;left:260px}.search_Add_user:focus{opacity:1}.search_Add_btn{opacity:1;cursor:pointer;font-size:x-large;transition:all .5s;position:absolute;top:10px;left:620px}.search_Add_btn:hover{opacity:1}.search_Add_btn:active{transform:translateY(3px)}.search,.settings,.profile,.on_off,.contact_developer,.profile{width:50px;height:50px}.chat_history{background-image:linear-gradient(#373b44,#4286f4);border-radius:10px;padding:20px 13px 13px;overflow-y:auto}.chatContainer{grid-template-rows:510px;grid-template-columns:400px 800px 100px;gap:10px;animation:show 1s ease-in;display:grid}.menu_btn_cont{place-self:center}.menu_img{width:50px;height:50px;cursor:pointer;transition:all .5s}.menu_img:hover{opacity:.7}.each_chat_history{width:350px;height:90px;background-image:linear-gradient(#cccbee,#fae4ea);border-radius:10px;grid-template-columns:60px 270px;margin-bottom:13px;margin-left:10px;padding:10px;transition:all .3s;animation:show 1s ease-in;display:grid}.each_chat_history:hover{cursor:pointer;background-image:linear-gradient(#b9b7ec,#fad0db);transform:scale(1.02)}.details_box{margin-top:-20px;padding-top:0}.each_chat_history_name{margin-bottom:0}.each_chat_history_details{margin-top:13px;font-size:small}.search_or_chat{width:350px;height:35px;text-align:center;opacity:.5;border-style:none;border-radius:16px;outline:none;margin-bottom:20px;margin-left:10px;transition:all .5s}.search_or_chat:focus{opacity:.8}.chat_box{background-image:linear-gradient(#9796f0,#fbc7d4)}.chat_box_details_top_cont{width:800px;height:60px;background-color:#424449;align-items:center;gap:30px;padding:5px 5px 5px 10px;display:flex}.converstaion_with_profile_image{width:40px;height:40px}.converstaion_with_Name{color:#fff}.type_in_message_cont{width:800px;height:60px;background-color:#4286f4;padding-top:5px}.type_in_message_input{width:660px;height:50px;opacity:.5;border-style:none;border-radius:25px;outline:none;margin-left:69px;padding-left:10px;transition:all .5s}.type_in_message_input:focus{opacity:.8}.chat_messages_itself_cont{width:800px;height:390px;background-image:linear-gradient(#373b44,#4286f4);padding:15px;overflow-y:scroll}.each_messages_send{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;max-width:500px;word-break:break-all;height:-moz-fit-content;height:-moz-fit-content;height:fit-content;background-image:linear-gradient(#396afc,#2948ff);border-radius:5px;margin-bottom:15px;margin-left:10px;padding:7px;animation:show .5s ease-in;transform:skew(10deg)}.each_messages_recieve{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;max-width:500px;word-break:break-all;height:-moz-fit-content;height:-moz-fit-content;height:fit-content;background-image:linear-gradient(#74ebd5,#acb6e5);border-radius:5px;margin-bottom:15px;margin-left:10px;padding:7px;animation:show .5s ease-in;transform:skew(10deg)}.settings_div{width:350px;height:400px;text-align:center;color:#fff;background-color:#424449;border-radius:30px;transition:all 1s;position:absolute;top:120px;left:1000px;transform:translate(110%)}.profile_btn,.delete_chat_btn,.delete_account_btn,.help_btn,.logout_btn{width:300px;height:40px;cursor:pointer;background-image:linear-gradient(#74ebd5,#acb6e5);border:none;border-radius:10px;margin:auto auto 20px;transition:all .5s;display:block}.profile_btn:hover,.delete_chat_btn:hover,.delete_account_btn:hover,.help_btn:hover,.logout_btn:hover{background-image:linear-gradient(#2fe7c6,#5670e2)}.profile_btn:active,.delete_chat_btn:active,.delete_account_btn:active,.help_btn:active,.logout_btn:active{transform:translateY(10px)}.signup_div,.login_div{width:350px;height:400px;text-align:center;background-color:#c9c4c4;border-radius:30px;transition:all .5s;animation:show .5s ease-in;position:absolute;top:100px;left:500px}.signup_btn,.login_btn{width:150px;height:40px;cursor:pointer;background-image:linear-gradient(#74ebd5,#acb6e5);border:none;border-radius:10px;margin:auto auto 20px;transition:all .5s;display:block}.signup_btn:hover,.login_btn:hover{background-image:linear-gradient(#2fe7c6,#5670e2)}.signup_btn:active,.login_btn:active{transform:translateY(10px)}.signup_name_input,.signup_usernname_input,.signup_password_input,.signup_genger_input{width:250px;height:35px;text-align:center;opacity:.5;border-style:none;border-radius:5px;outline:none;margin-bottom:20px;transition:all .5s}.signup_name_input:focus,.signup_usernname_input:focus,.signup_password_input:focus,.signup_genger_input:focus,.login_usernname_input:focus,.login_password_input:focus{opacity:1}.login_usernname_input,.login_password_input{width:250px;height:35px;text-align:center;opacity:.5;border-style:none;border-radius:5px;outline:none;margin-bottom:20px;transition:all .5s}.loadingAnimation{width:80px;height:80px;animation:loading 5s infinite;position:absolute;top:45%;left:47%}.opa{opacity:.3}.modal_help{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:-moz-fit-content;height:fit-content;color:#000;background-blend-mode:soft-light;background-image:linear-gradient(#8b9cc4,#9ec2fd);border-radius:20px;padding:20px;animation:show .5s ease-in-out;position:absolute;top:40%;left:37%}.profile_div{width:300px;height:-moz-fit-content;height:-moz-fit-content;height:fit-content;color:#000;background-blend-mode:soft-light;text-align:center;background-image:linear-gradient(#8b9cc4,#9ec2fd);border-radius:20px;padding:20px;transition:all .5s;position:absolute;top:15%;left:37%;overflow:auto;transform:translateY(-130%)}.profilePicImage{width:220px;height:220px}.contactList{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;height:150px;cursor:pointer;color:#4e4d4d;border:none;border-radius:10px;margin:auto;padding:8px;font-size:medium;transition:all .5s;overflow:auto}.contactList:hover{background-color:#90b9fc}.contactList:active{transform:translateY(10px)}.nod:before{content:✔️;font-size:small}.hide{display:none}.blur{filter:blur(5px)}
/*# sourceMappingURL=index.575484ed.css.map */