*{margin:0;padding:0}.formContainer,.home{background-image:linear-gradient(to top,#f3e7e9 0%,#e3eeff 99%,#e3eeff 100%);height:100vh;display:flex;justify-content:center;align-items:center}#mode-btn{border:0px}.info-img:hover{background-color:#847ea8}.formWrapper form{display:flex;flex-direction:column;border:2px solid black;padding:30px 60px;gap:15px;background-color:#fffcfc;color:#0e0e0e;opacity:.8;border-radius:40px}.logo,.title{font-size:34px;font-weight:700;text-align:center}.title{font-size:24px}input{padding:10px;border:none;border-bottom:1px solid black;font-size:20px}input:focus{outline:none}#signup{background-color:#a48bff;padding:10px;font-weight:700;font-size:medium;border:none;cursor:pointer}.para{font-weight:700;margin-top:10px}label{display:flex;align-items:center;gap:10px}.container{border:6px solid rgb(20,19,19);height:80%;width:85%;display:flex;border-radius:10px}.sidebar{flex:1;border:2px solid rgb(255,255,255);background-color:#d2daff;border-radius:5px}.chat{flex:2;border:2px solid rgb(255,255,255);border-radius:5px}.navbar{display:flex;align-items:center;justify-content:space-between;height:80px;background-color:#898aa6;padding:5px}.user{display:flex;gap:20px;font-weight:700;align-items:center}img{background-color:#f0f8ff;height:54px;width:54px;border-radius:50%;object-fit:cover}#msg-img{height:65%;width:50%;border-radius:10%;object-fit:cover}.info-img{height:30px;width:30px;padding:10px}#logout,#send-btn{height:40px;padding:8px 10px;background-color:#b5b3f3;font-size:medium;font-weight:700;border:none;cursor:pointer;border-radius:10px;border-color:#34383d;border-style:solid}.sent{height:40px;background-color:#847ea8;border-radius:15px;padding:8px;border-color:#edf1ef;border-style:solid;color:#fafafa}.search{border-bottom:1px solid black}::placeholder{color:#d3d3d3}.searchform{padding:10px}.searchform input{color:#030303fa;width:350px;border-radius:10px}.userChat{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer}.userChat span{font-weight:700;font-size:20px}.userChat p{font-size:14px}.userChat:hover{background-color:#c2ccdb}#chatInfo{height:50px;background-color:#eef1ff;display:flex;align-items:center;justify-content:space-between;padding:10px}.chatIcons{display:flex;gap:10px}.messages{background-color:#d2daff;padding:10px;height:calc(100% - 160px);overflow:scroll}.input{height:50px;background-color:#eef1ff;padding:10px;display:flex;justify-content:space-between}.send{display:flex;align-items:center;gap:10px}input{width:100%;border:none;font-size:18px}.message{display:flex;gap:20px;margin-bottom:20px}.messageContent{max-width:80%;display:flex;flex-direction:column;gap:10px}.messageContent p{background-color:#f9f9f9;padding:10px 20px;border-radius:0 10px 10px}.messageContent img{width:50%}.messageInfo{display:flex;flex-direction:column;color:gray;margin-bottom:10px}.messageInfo img{width:35px;height:40px;border-radius:50%;object-fit:cover}.message.owner{flex-direction:row-reverse}.message.owner.messageContent{align-items:flex-end}.message.owner p{background-color:#898aa6;color:#fff;border-radius:10px 0 10px 10px;max-width:max-content}