*{font-family:cascadia code;margin:0;padding:0;overflow:hidden}.register,.login{background:#dde1e7;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.register form,.login form{width:25%;background:#fff;padding:1rem;display:flex;flex-direction:column;gap:2rem;text-align:center;border-radius:1rem}.register form h3,.login form h3{font-size:30px}.register form h6,.login form h6{margin-bottom:1rem;font-size:15px}.register form h6 a,.login form h6 a{text-decoration:none;color:inherit}.register form input,.login form input{outline:none;border:1px solid lightblue;padding:1rem;border-radius:.5rem}.register form .profilePicInput,.login form .profilePicInput{border:2px dashed gray;padding:.5rem}.register form .submit,.login form .submit{background:green;color:#fff;font-weight:bolder}.register form label,.login form label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.register form label .imageUpload,.login form label .imageUpload{font-size:50px}.Home{background:#dde1e7;height:100vh;display:flex;align-items:center;justify-content:center}.Home .leftSide{display:flex;background:#fff;border-radius:1rem;height:90vh;width:90vw;overflow:hidden}.Home .leftSide .sideBar{flex:1;border-right:3px solid #dde1e7;padding:0rem .5rem}.Home .leftSide .sideBar .header{padding:1rem .5rem}.Home .leftSide .sideBar .header .user{display:flex;align-items:center;gap:1rem;justify-content:space-between}.Home .leftSide .sideBar .header .user .userInfo{display:flex;align-items:center;gap:1rem}.Home .leftSide .sideBar .header .user .userInfo img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.Home .leftSide .sideBar .header .user .userInfo h6{font-size:25px}.Home .leftSide .sideBar .header .user .icons{display:flex;align-items:center;gap:2rem}.Home .leftSide .sideBar .header .user .icons .newConversationIcon,.Home .leftSide .sideBar .header .user .icons .logoutIcon{font-size:25px}.Home .leftSide .sideBar .search .searchInput,.Home .leftSide .sideBar .chats .searchInput{padding:1rem .5rem}.Home .leftSide .sideBar .search .searchInput input,.Home .leftSide .sideBar .chats .searchInput input{padding:.5rem;border:1px solid lightblue;outline:none;border-radius:.3rem;width:95%;height:20px}.Home .leftSide .sideBar .search .chatsResult,.Home .leftSide .sideBar .search .searchResult,.Home .leftSide .sideBar .chats .chatsResult,.Home .leftSide .sideBar .chats .searchResult{display:flex;align-items:center;gap:1rem;padding:1.1rem .5rem;cursor:pointer}.Home .leftSide .sideBar .search .chatsResult:hover,.Home .leftSide .sideBar .search .searchResult:hover,.Home .leftSide .sideBar .chats .chatsResult:hover,.Home .leftSide .sideBar .chats .searchResult:hover{background:#111;color:#fff;border-radius:1rem}.Home .leftSide .sideBar .search .chatsResult img,.Home .leftSide .sideBar .search .searchResult img,.Home .leftSide .sideBar .chats .chatsResult img,.Home .leftSide .sideBar .chats .searchResult img{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.Home .leftSide .sideBar .search .chatsResult .userInfo h3,.Home .leftSide .sideBar .search .chatsResult .searchedUserInfo h3,.Home .leftSide .sideBar .search .searchResult .userInfo h3,.Home .leftSide .sideBar .search .searchResult .searchedUserInfo h3,.Home .leftSide .sideBar .chats .chatsResult .userInfo h3,.Home .leftSide .sideBar .chats .chatsResult .searchedUserInfo h3,.Home .leftSide .sideBar .chats .searchResult .userInfo h3,.Home .leftSide .sideBar .chats .searchResult .searchedUserInfo h3{font-size:20px}.Home .leftSide .sideBar .search .chatsResult .userInfo p,.Home .leftSide .sideBar .search .chatsResult .searchedUserInfo p,.Home .leftSide .sideBar .search .searchResult .userInfo p,.Home .leftSide .sideBar .search .searchResult .searchedUserInfo p,.Home .leftSide .sideBar .chats .chatsResult .userInfo p,.Home .leftSide .sideBar .chats .chatsResult .searchedUserInfo p,.Home .leftSide .sideBar .chats .searchResult .userInfo p,.Home .leftSide .sideBar .chats .searchResult .searchedUserInfo p{font-weight:500;color:inherit;font-style:italic;font-size:15px}.Home .leftSide .chat{flex:2}.Home .leftSide .chat .splashScreen{display:flex;width:-moz-fit-content;width:fit-content;margin:8rem 1rem;flex-direction:column;gap:2rem}.Home .leftSide .chat .splashScreen img{margin-left:16rem;width:350px;-o-object-fit:cover;object-fit:cover}.Home .leftSide .chat .splashScreen h3{margin-left:12rem;font-size:40px;font-style:italic}.Home .leftSide .chat .splashScreen p{font-weight:bolder;font-style:italic;margin-left:4rem}.Home .leftSide .chat .splashScreen span{display:flex;align-items:center;gap:1rem;margin-top:5.5rem;margin-left:12rem;font-weight:bolder;font-style:italic}.Home .leftSide .chat .chatInfo{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dde1e7;margin-top:.3rem}.Home .leftSide .chat .chatInfo h3{font-size:25px}.Home .leftSide .chat .chatInfo .infoIcons{display:flex;gap:1rem;font-size:20px;cursor:pointer}.Home .leftSide .chat .messages{padding:1rem;height:calc(100% - 185px);overflow:scroll}.Home .leftSide .chat .messages::-webkit-scrollbar{display:none}.Home .leftSide .chat .messages .message{display:flex;gap:1rem}.Home .leftSide .chat .messages .message .messageInfo{display:flex;margin-bottom:20px}.Home .leftSide .chat .messages .message .messageInfo img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.Home .leftSide .chat .messages .message .messageContent{max-width:70%;display:flex;flex-direction:column;gap:1rem}.Home .leftSide .chat .messages .message .messageContent p{background:lightblue;padding:1rem;margin:1rem 0rem 0rem;border-radius:0rem 1rem 1rem;max-width:-moz-max-content;max-width:max-content;font-weight:500}.Home .leftSide .chat .messages .message .messageContent img{width:50%}.Home .leftSide .chat .messages .message.owner{flex-direction:row-reverse}.Home .leftSide .chat .messages .message.owner .messageContent{align-items:flex-end}.Home .leftSide .chat .messages .message.owner .messageContent p{background:lightgreen;color:#111}.Home .leftSide .chat .input{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin:.5rem 0rem;height:30px}.Home .leftSide .chat .input .send{display:flex;align-items:center;gap:1rem;font-size:25px;cursor:pointer;padding:.5rem}.Home .leftSide .chat .input input{width:85%;outline:none;border:1px solid lightblue;padding:1rem;border-radius:.5rem}