body{background-color:#000;color:#fff}.join_room{height:80vh;max-width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.join_room input{height:35px;width:300px;background-color:#000;color:#fff;border:2px solid yellow}.join_room input::placeholder{font-weight:bolder;font-size:1rem;padding:5px}.join_room button{height:40px;width:310px;font-weight:bolder;font-size:1.2rem;background-color:#2d2dbe}.chat_container{height:600px;width:400px;margin:auto;text-align:center}.chat_box{background-color:#3d3d31;height:500px;position:relative;border:1px solid yellow}.chat_body{position:absolute;bottom:0}.chat_body input{height:40px;width:350px;border:1px solid yellow}.chat_body button{height:46px;padding:10px;width:42px;background-color:#7f13e5;color:#fff}.chat_body input::placeholder{font-size:1rem;font-weight:bolder;padding:5px}.message_content{display:flex;line-height:0;margin:10px;flex-direction:column;font-weight:bolder}#you{width:50%;justify-content:flex-end;float:right}#other{justify-content:flex-start;width:50%;float:left}#y{padding:10px;border-radius:5%;background-color:#0b0be7}#b{background-color:#7695eb;padding:10px;border-radius:5%}.msg_detail{display:flex;justify-content:center;align-items:center;gap:10px}.auto-scrolling-div::-webkit-scrollbar{display:none}