*{margin:0;padding:0;box-sizing:border-box}.container{max-height:100%;border:blue solid 0px}.user{height:100dvh;background-color:#d0e5d0;display:flex;justify-content:center;align-items:center}.user-child{height:340px;width:350px;padding:8px;border:rgb(158,158,158) solid 2px;border-radius:10px}.chat-child{display:flex;align-items:center;justify-content:start;gap:5px;margin-top:12px}.chat-child img{height:50px;width:50px}.chat-child p{text-decoration:underline;font-size:28px;color:#069f06}sup{color:red;font-size:17px}.input{margin-top:15px}label{font-size:25px}input[type=text]{height:40px;width:100%;border-radius:10px;border:grey solid 1px;font-size:20px;padding:0 5px;color:red;background-color:#e6f7fe}.input button{height:40px;width:100%;margin-top:12px;border:grey solid 1px;border-radius:10px;background-color:#45e445;font-size:20px}.input button:hover{background-color:#24d924}.main{background-color:#daefef}.main-child{display:flex;justify-content:space-between;margin-bottom:20px;background-color:#7fffd4;height:100px;font-size:20px;align-items:center}.user-container{padding-left:25px}.user-name{display:flex;align-items:center}.user-name img{height:40px;width:40px;border-radius:50%}.join-id{margin-top:2px}span{color:red;font-weight:700}.logout{padding-right:35px}.logout button{height:35px;width:80px;font-size:20px;background-color:#0ff;color:red;border-radius:7px;border:grey solid 1px}.logout button:hover{background-color:#88f2f2;cursor:pointer}.list{height:69vh;overflow:scroll;overflow-x:hidden;border:rgb(188,186,186) solid 1px;margin:20px 30px;padding:5px;border-radius:10px}.list1{display:flex;align-items:center;gap:5px}.list2{overflow-wrap:break-word;font-size:20px}.send{display:flex;justify-content:flex-end;flex-direction:row}.send img,.receive img{width:30px;height:30px;border-radius:100%}.send .list-child{padding:10px;background-color:#a2d8ed;border-radius:15px;max-width:300px;min-width:150px;margin-top:5px;border:rgb(199,230,242) solid 3px}.receive{display:flex;justify-content:flex-start;flex-direction:row}.receive .list-child{padding:10px;background-color:#8ce88c;border-radius:15px;max-width:300px;min-width:150px;margin-top:5px;border:rgb(217,239,217) solid 3px}.message-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#7fffd4;margin-top:15px;padding:20px;border-top:grey solid 1px}#message{font-size:20px;color:red}.send-btn{width:100px;height:50px;font-weight:700;border-radius:10px;background-color:#30d930;border:rgb(206,203,203) solid 1px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:25px;color:red}.send-btn:hover{background-color:#27c027}.message-box textarea{width:60%;height:50px;border-radius:10px;border:grey solid 2px;padding:10px;font-size:18px;background-color:#b6ebeb}.loader{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#000;position:fixed;z-index:9999}.loader img{height:130px;width:170px}@media only screen and (max-width:1200px){.list{height:450px}}@media only screen and (max-width:1000px){.message-box{justify-content:center;gap:10px}.message-box button{width:70px;height:50px}}@media only screen and (max-width:380px){.user-child{width:317px}.chat-child p{font-size:28px}.logout{padding-right:15px}.logout button{height:30px;width:70px;font-size:18px}.user-container{padding-left:15px}.user-name{display:flex;align-items:center}.user-name img{height:35px;width:35px;border-radius:50%}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}