@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&family=Roboto:wght@100;300;400;500;700;900&display=swap);.navbar{background-color:#0c356a;color:#fff;padding:15px}.nav_name{font-size:20px}.nav_name_sub{font-size:10px}.livechat_main{align-items:center;display:flex;height:90vh;justify-content:center;width:100%}.joinchat_box{display:flex;flex-direction:column;padding:20px}.joinchat_h1{font-size:50px}.joinchat_input{margin:5px 0;padding:10px}.joinchat_btn{background-color:#279eff;border:none;border-radius:10px;cursor:pointer;font-size:15px;margin-top:20px;outline:none;padding:10px}.chat_main{display:flex;flex-direction:column;margin:40px auto auto;width:90%}.chat_main,.chat_userinfo{border:2px solid red}.chat_room_info{display:flex}.chat_leave{background-color:#ff4242;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-left:20px;padding:10px}.chat_board{background-color:#d5ffd0;border:1px solid grey;border-radius:10px;margin:40px 0 15px;max-height:50vh;overflow-y:scroll;padding:20px}.for_auto_scroll{height:50vh}.chat_message_self{display:flex;justify-content:flex-end}.chat_message_received{justify-content:flex-start;text-align:left}.li_chat{list-style-type:none;margin:5px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.self_chat{background-color:#279eff;border-radius:15px 15px 0 15px}.received_chat{border:1px solid grey;border-radius:15px 15px 15px 0}.input_field{border-radius:10px;display:flex;justify-content:space-between;width:100%}.message_input{font-size:15px;outline:none;padding:10px;width:70%}.send_button{background-color:#00a2ff;border:none;color:#fff;font-size:15px;margin-left:10px;padding:5px;width:30%}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}::-webkit-scrollbar{background:transparent;width:0}
/*# sourceMappingURL=main.b8ee8161.css.map*/