@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.formContainer{background-color:#128c7e;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.formContainer .formWrapper{position:absolute;background-color:#fff;padding:20px 60px;border-radius:10px;display:flex;left:300px;top:300px;flex-direction:column;gap:10px;align-items:center}@media screen and (max-width: 768px){.formContainer .formWrapper{position:relative;left:0px;top:0px}}.formContainer .formWrapper .logo{color:#233138;font-weight:bolder;font-size:24px}.formContainer .formWrapper .title{color:#09132c;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{padding:15px;border:none;width:250px;border-bottom:1px solid #008069}.formContainer .formWrapper form input::placeholder{color:#afafaf}.formContainer .formWrapper form label{display:flex;align-items:center;gap:10px;color:#09132c;font-size:12px;cursor:pointer}.formContainer .formWrapper form label img{width:30px}.formContainer .formWrapper form button{background-color:#128c7e;color:#fff;padding:10px;font-weight:700;border:none;cursor:pointer}.formContainer .formWrapper p{color:#09132c;font-size:12px;margin-top:10px}.formContainer img{position:absolute;width:1322px;height:835.69px;left:1026px;top:62px;background:#FFFFFF;box-shadow:0 4.36664px 4.36664px #00000040;border-radius:28.3286px;background-size:cover}@media screen and (max-width: 768px){.formContainer img{display:none}}@media screen and (max-width: 1200px){.formContainer img{display:none}}.menu{position:absolute;left:0%;right:0%;top:0%;bottom:97.33%;width:100%;background-size:contain;cursor:pointer}.home{background-image:url(/assets/cover.73858bea.png);background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;align-items:center;justify-content:center}.home .container{border:1px solid #ddddf7;border-radius:24px;width:65%;height:80%;display:flex;overflow:hidden;box-shadow:0 100px 80px #00000012,0 41.7776px 33.4221px #0000000d,0 22.3363px 17.869px #0000000b,0 12.5216px 10.0172px #00000009,0 6.6501px 5.32008px #00000053,0 2.76726px 2.21381px #00000005}@media screen and (max-width: 768px){.home .container{width:90%}}@media screen and (max-width: 480px){.home .container{width:100%}}.home .container .sidebar{flex:1;background-color:#f5fafc;position:relative}.home .container .sidebar .navbar{display:flex;align-items:center;background-color:#128c7e;height:50px;padding:10px;justify-content:space-between;color:#fff}.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:10px}.home .container .sidebar .navbar .user img{background-color:#ddddf7;height:24px;width:24px;border-radius:50%;object-fit:cover}.home .container .sidebar .navbar .user button{background-color:#fff;color:#09132c;font-size:10px;border:none;padding:0 5px;cursor:pointer}@media screen and (max-width: 768px){.home .container .sidebar .navbar .user button{position:absolute;bottom:10px}}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{padding:10px}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#000;width:100%;outline:none}.home .container .sidebar .search .searchForm input::placeholder{color:#09132c}.home .container .sidebar .userChat{padding:10px;display:flex;align-items:center;gap:10px;color:#09132c;cursor:pointer}.home .container .sidebar .userChat:hover{background-color:#128c7e;color:#fff}.home .container .sidebar .userChat img{width:50px;height:50px;border-radius:50%;object-fit:cover}@media screen and (max-width: 480px){.home .container .sidebar .userChat img{width:35px;height:35px}}.home .container .sidebar .userChat .userChatInfo span{font-weight:700;font-size:18px}@media screen and (max-width: 480px){.home .container .sidebar .userChat .userChatInfo span{font-size:14px}}.home .container .sidebar .userChat .userChatInfo p{font-size:12px;color:#09132c}@media screen and (max-width: 480px){.home .container .sidebar .userChat .userChatInfo p{font-size:10px}}.home .container .chat{flex:2}.home .container .chat .chatInfo{height:50px;background-color:#fafafa;display:flex;align-items:center;justify-content:space-between;padding:10px;color:#09132c;font-weight:700}.home .container .chat .chatIcons{display:flex;gap:10px}.home .container .chat .chatIcons img{width:40px;height:40px;cursor:pointer}@media screen and (max-width: 480px){.home .container .chat .chatIcons img{height:20px}}.home .container .chat .messages{background-color:#efeae2;padding:10px;height:calc(100% - 120px);overflow:scroll;display:flex;flex-direction:column;justify-content:right}.home .container .chat .messages img{max-width:fit-content;display:flex;justify-self:center;align-self:center;padding-bottom:1rem}@media screen and (max-width: 480px){.home .container .chat .messages img{min-width:fit-content}}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}.home .container .chat .messages .message .messageInfo{display:flex;flex-direction:column;color:#09132c;font-weight:300}@media screen and (max-width: 480px){.home .container .chat .messages .message .messageInfo{font-size:11px}}.home .container .chat .messages .message .messageInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover}@media screen and (max-width: 480px){.home .container .chat .messages .message .messageInfo img{width:25px;height:25px}}.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}@media screen and (max-width: 480px){.home .container .chat .messages .message .messageContent p{padding:8px 16px;font-size:10px}}.home .container .chat .messages .message .messageContent img{width:50%}@media screen and (max-width: 480px){.home .container .chat .messages .message .messageContent img{width:30%}}.home .container .chat .messages .message.owner{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:#acfcac;color:#09132c;border-radius:10px 0 10px 10px}.home .container .chat .input{height:70px;background-color:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between}.home .container .chat .input input{width:100%;border:none;outline:none;color:#09132c;font-size:18px}@media screen and (max-width: 480px){.home .container .chat .input input{font-size:12px}}.home .container .chat .input::placeholder{color:#d3d3d3}.home .container .chat .send{display:flex;align-items:center;gap:10px}.home .container .chat .send img{height:25px;cursor:pointer}@media screen and (max-width: 480px){.home .container .chat .send img{height:20px}}.home .container .chat .send button{border:none;padding:10px 15px;color:#ddddf7;background-color:#128c7e;border-radius:5px;cursor:pointer}@media screen and (max-width: 480px){.home .container .chat .send button{padding:5px 10px}}