body{font-family:"Roboto",sans-serif}*,body{margin:0}*{padding:0}.login-page{height:100vh;position:relative}.login-title{font-size:30px;text-shadow:2px 1px 4px grey;letter-spacing:1.5px;padding-bottom:20px;color:#303f9f}.login-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:40px;box-shadow:1px 1px 7px rgba(6,16,80,.4);border-radius:5px}.login-btn{width:100px;height:40px}.chat__container{border:1px solid #303f9f;border-bottom-right-radius:5px;border-top-right-radius:5px;background-color:#e5ddd5;width:100%;height:100%;box-shadow:2px 3px 9px rgba(48,63,159,.4)}.chat__container ::-webkit-scrollbar{display:none}.chat__navbar{border-bottom:1px solid #000;display:flex;align-items:center;background-color:#303f9f;justify-content:space-between;padding:10px 15px}.chat__navbar .user{color:#fff}.chat__navbar .user__channel{font-size:18px;letter-spacing:1.2px;display:inline-block;cursor:pointer;text-shadow:1px 2px 5px rgba(0,0,0,.5)}.chat__msg{height:400px;padding:10px 20px;overflow-y:scroll}.chat__msg-sender{width:100%;text-align:right;margin-bottom:10px}.chat__msg-sender-inner{display:inline-block;padding:8px 10px;border-radius:2px;border-bottom-right-radius:15px;background-color:#dcf8c6;text-align:left;overflow-wrap:anywhere}.chat__msg-receiver{width:100%;margin-bottom:10px}.chat__msg-receiver-inner{display:inline-block;padding:8px 10px;border-radius:2px;border-bottom-left-radius:15px;background-color:#fff;text-align:left}.chat__input{width:100%}.chat__input form{display:flex;width:100%;height:45px;margin-bottom:10px}.chat__input-input{margin-left:10px;width:90%;border-radius:20px;border:1px solid grey;outline:none;padding:0 10px;font-size:16px}.chat__input-btn{margin:0 10px;cursor:pointer;outline:none;border:none;background:transparent}.chatroom__page{height:100vh;width:100%;position:relative;margin:0 auto}.chatroom__container{height:530px;width:700px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex}.chatroom__info{width:30%;height:100%}.chatroom__chatbox{height:100%;width:70%}.userinfo__container{padding:10px;border:1px solid #000;height:511px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:#303f9f;color:#fff;text-align:center;letter-spacing:1.8px}.userinfo__container h4{margin:15px 0 5px;letter-spacing:1.2px;text-shadow:3px 3px 6px rgba(0,0,0,.6)}