*{margin:0;padding:0}.sidebar{flex:1;background-color:#2a8a7792}.navbar{display:flex;align-items:center;background-color:#2a8a77b7;height:50px;padding:5px 10px;justify-content:space-between;color:#f2f2f2e1}.logo{font-weight:700}.user{display:flex;align-items:center;gap:10px}img{height:30px;width:30px;border-radius:50%;object-fit:cover}.btn{padding:5px;font-size:12px;color:#ffffff94}.search{border-bottom:1px solid gray}.searchbox{padding:10px}.searchbox .user-input{padding:5px;height:10px;outline:none;background-color:transparent;border:none;color:#fff}.searchbox .user-input::placeholder{color:#372a2a}.userchat{display:flex;padding:10px;align-items:center;gap:10px;color:#131111;cursor:pointer}.userchat:hover{background-color:#2a8a7792}.userchatinfo span{font-size:16px;font-weight:700}.chatBox{height:50px;background-color:#2a8a7792;display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.chatBox span{font-weight:600}.chatIcons{display:flex;gap:10px}.chatIcons img{height:25px;width:25px;cursor:pointer}.messages{background-color:#81a6919b;padding:10px;height:calc(100% - 120px);overflow:scroll}.message{display:flex;gap:20px;margin-bottom:20px}.message.owner{display:flex;flex-direction:row-reverse}.message.owner .messageContent{align-items:flex-end}.message.owner .messageContent p{border-radius:10px 0 10px 10px;background-color:#2a8a77e5;color:#fff}.message .messageInfo{display:flex;flex-direction:column;gap:5px;color:#2a8a77e5;font-weight:600}.message .messageInfo span{font-weight:400;color:#0b1211e5;font-size:10px}.message .messageContent{max-width:80%;color:#2a8a77e5;display:flex;flex-direction:column;gap:10px}.message .messageContent p{padding:10px 20px;background-color:#fff;border-radius:0 10px 10px;color:#2a8a77e5;font-weight:600;max-width:max-content}.message .messageContent .content-img{width:50%;height:max-content;border-radius:0}.input{background-color:#ffffffae;padding:10px;height:30px;display:flex;align-items:center;justify-content:space-between}.input input{width:100%;border:none;outline:none;background-color:transparent;color:#2a8a77e5;font-size:18px}.input input::placeholder{color:#2a8a77e5}.send{display:flex;align-items:center;gap:10px;padding-bottom:7px}.send button{padding:5px 10px;background-color:#2a8a77e5;color:#fff;border:none;outline:none;cursor:pointer}.formContainer{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#a0e2d592}.formWrapper{max-width:600px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#registerForm{display:flex;flex-direction:column;gap:10px}label{display:flex;align-items:center;gap:10px;color:#292d1c;font-size:12px;cursor:pointer}img{width:32px}input{padding:15px;border-radius:5px;border:none;width:300px;border-bottom:1px solid #ccc}input::placeholder{color:#afafaf}button{padding:15px;border:none;background-color:#a0e2d5e9;cursor:pointer;border-radius:5px;font-weight:600}p{font-size:12px;color:#292d1c}#loginForm{display:flex;flex-direction:column;gap:10px}.home{background-color:#a1a9a792;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.container{border:1px solid white;border-radius:15px;min-width:60%;height:80%;display:flex;overflow:hidden}.chatinfo{flex:2}