body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.formContainer{background-image:url(https://wallpapers.com/images/hd/emoticons-and-symbols-whatsapp-chat-81z2ulpylfyqalb3.jpg);display:100vh;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:100vh;justify-content:center}.formContainer,.formWrapper{align-items:center;display:flex}.formWrapper{background-color:#fff;background-image:linear-gradient(rgba(164,164,233,.5),hsla(60,74%,67%,.5),rgba(62,110,180,.952));border-radius:10px;box-shadow:10px 5px 5px #000;flex-direction:column;gap:10px;padding:20px 60px}.logo{color:#ff4500;font-size:25px;font-weight:700}.title{color:#570257;font-size:15px}.formWrapper form{display:flex;flex-direction:column;gap:15px}.formWrapper input{border:none;border-bottom:1px dotted #140b0b;border-radius:10px 0 10px 0;outline:none;padding:15px;width:250px}.formWrapper button{background-color:#ff4500;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px}.formWrapper label{align-items:center;color:#f84d0e;cursor:pointer;display:flex}.formWrapper p{color:#832503;font-size:14px;margin-top:10px}.home{align-items:center;background-image:linear-gradient(rgba(164,164,233,.5),hsla(60,74%,67%,.5),rgba(62,71,124,.952));display:100vh;display:flex;font-family:Arial,Helvetica,sans-serif;height:100vh;justify-content:center}.container{border:1px solid #fff;border-radius:10px;display:flex;height:90%;overflow:hidden;width:80%}.sidebar{background-color:#444;flex:1 1;overflow:scroll}.navbar{align-items:center;background-color:#2f2d52;color:#dddf7d;display:flex;height:50px;justify-content:space-between;padding:10px}.navLogo{font-weight:700}.user{display:flex;gap:10px}.user>img{background-color:#dddff7;border-radius:50%;height:24px;object-fit:cover;width:24px}.user>button{background-color:#5d5b8d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:10px}.search{border-bottom:1px solid #272222}.searchForm{padding:10px}.searchForm>input{background-color:initial;border:none;color:#fff;outline:none}.searchForm>input::-webkit-input-placeholder{color:#dddf7d}.searchForm>input::placeholder{color:#dddf7d}.userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.userChat:hover{background-color:#2f2d52}.userChat>img{border-radius:50%;height:40px;object-fit:cover;width:40px}.userChatInfo>span{font-size:18px;font-weight:500}.userChatInfo p{color:#d3d3d3;font-size:14px}.chat{flex:2 1}.chatInfo{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.chatIcons{cursor:pointer;display:flex;gap:5px}.input{align-items:center;background-color:#4b4747;display:flex;height:50px;justify-content:space-between;padding:10px}.input input{border:none;border-radius:10px;color:#2f2d52;font-size:14px;height:80%;outline:none;width:100%}.send{align-items:center;display:flex;gap:10px}.send button{background-color:#272e44;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 15px}.messagesText{background-color:#252527;height:calc(100% - 160px);overflow:scroll;padding:10px}.message{display:flex;gap:20px;margin-bottom:20px}.messageInfo{color:gray;display:flex;flex-direction:column;font-weight:300}.messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.messageContent img{width:50%}.owner{flex-direction:row-reverse}.owner .messageContent{align-items:flex-end}.owner p{background-color:#15171d;border-radius:10px 0 10px 10px;color:#fff}@media (max-width:768px){.navLogo{display:none}.container{width:90%}.user>button{position:absolute;right:15px;top:50px}.sidebar{position:relative}}
/*# sourceMappingURL=main.ca1bd7b3.css.map*/