*{margin:0}.formContainer{background-color:#94afc9;height:100vh;display:flex;align-items:center;justify-content:center}.formContainer .formWrapper{background-color:#fff;display:flex;flex-direction:column;padding:20px 60px;border-radius:10px;align-items:center}.formContainer .formWrapper .Logo{font-weight:700;color:#2a496e;font-size:24px}.formContainer .formWrapper .title{color:#2a496e;font-size:14px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{padding:10px;border:none;border-bottom:1px solid #94AFC9}.formContainer .formWrapper form input::placeholder{color:#c2b2a3}.formContainer .formWrapper form button{background-color:#2a496e;border:none;cursor:pointer;color:#f8f7f3;border-radius:5px;padding:10px;font-weight:700}.formContainer .formWrapper form label{color:#2a496e;display:flex;align-items:center;gap:5px;font-size:14px}.formContainer .formWrapper form p{color:#2a496e;margin-top:10px}.home{background-color:#94afc9;display:flex;height:100vh;align-items:center;justify-content:center}.home .container{border:1px solid black;width:85%;height:90%;display:flex;overflow:hidden}@media screen and (max-width: 768px){.home .container{width:90%}}.home .container .sidebar{flex:1;background-color:#2a496e;position:relative}.home .container .sidebar .navbar{background-color:#1d2e44;display:flex;align-items:center;height:50px;justify-content:space-between;padding:10px;color:#f8f7f3}.home .container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width: 768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{display:flex;gap:15px;align-items:center}.home .container .sidebar .navbar img{background-color:#94afc9;height:24px;width:24px;border-radius:50%;object-fit:cover}.home .container .sidebar .navbar button{background-color:#2a496e;border:none;color:#c2b2a3;border-radius:5px;cursor:pointer}@media screen and (max-width: 768px){.home .container .sidebar .navbar button{position:absolute;bottom:10px}}.home .container .sidebar .search{border-bottom:1px solid #1d2e44}.home .container .sidebar .search .searchInfo{padding:10px}.home .container .sidebar .search .searchInfo input{border:none;outline:none;background-color:transparent;color:#fff}.home .container .sidebar .search .searchInfo input::placeholder{color:#f5f5f5}.home .container .sidebar .userChat{display:flex;padding:10px;align-items:center;gap:10px;cursor:pointer;color:#fff}.home .container .sidebar .userChat:hover{background-color:#1d2e44}.home .container .sidebar .userChat img{width:50px;height:50px;border-radius:50%;object-fit:cover}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{font-size:14px;color:#d3d3d3}.home .container .chat{flex:2}.home .container .chat .chatInfo{height:50px;background-color:#1d2e44;display:flex;align-items:center;justify-content:space-between;padding:10px}.home .container .chat .chatInfo .chatIcons{display:flex;gap:15px}.home .container .chat .messages{background-color:#cfcbb9;padding:10px;height:calc(100% - 160px);overflow-y:scroll}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:10px}.home .container .chat .messages .message .messageInfo{display:flex;flex-direction:column;color:#2f4f4f}.home .container .chat .messages .message .messageInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.home .container .chat .messages .message .messageContent{max-width:80%;display:flex;flex-direction:column;gap:10px}.home .container .chat .messages .message .messageContent p{background-color:#fff;padding:10px 20px;border-radius:0 10px 10px;max-width:max-content}.home .container .chat .messages .message .messageContent img{width:50%}.home .container .chat .messages .message.owner{display:flex;flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end}.home .container .chat .messages .message.owner .messageContent p{background-color:#537a9f;color:#fff;border-radius:10px 0 10px 10px}.home .container .chat .input{background-color:#fff;height:50px;padding:10px;display:flex;align-items:center;justify-content:space-between}.home .container .chat .input input{width:100%;outline:none;border:none;color:#000;font-size:18px}.home .container .chat .send{display:flex;align-items:center;gap:10px;cursor:pointer}.home .container .chat .send button{border:none;padding:10px 15px;color:#fff;background:#2A496E}.home .container .chat .send button:hover{background-color:#1d2e44}