.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home{align-items:center;background-color:aqua;display:flex;height:100vh;justify-content:center}.container{background-color:#f0f8ff;border-radius:10px;display:flex;height:80vh;overflow:hidden;width:80%}.sidebar{background-color:rgba(90,46,143,.932);flex:2 1}.chat{flex:7 1}.navbar{align-items:center;background-color:#470683;border-bottom:1px solid #dcdcdc;display:flex;height:30px;justify-content:space-between;padding:10px 0 20px}.navbar .logo{color:#fff;flex:2 1;font-size:20px;font-weight:600}.navbar .user{align-items:center;display:flex;flex:3 1;gap:5px;justify-content:center}.navbar img{border-radius:50%;height:24px;object-fit:cover;width:24px}.navbar button{background-color:aqua;border-radius:5px;cursor:pointer;font-size:10px;height:25px}.search{border-bottom:2px solid gray;gap:.5rem;margin-bottom:1rem;padding-bottom:5px}.search,.searchForm{display:flex;flex-direction:column;width:100%}.searchForm{justify-content:center}.searchForm input{background-color:initial;border:none;color:#fff;outline:none;padding-left:20px;padding-top:8px;width:90%}.searchForm input::-webkit-input-placeholder{color:#fff}.searchForm input::placeholder{color:#fff}.userChat{align-items:center;display:flex;gap:10px;padding-left:10px}.userChat:hover{background-color:#6038be}.userChat img{border-radius:50%;height:45px;object-fit:cover;width:45px}.userInfo{align-items:center;display:flex;flex-direction:column;padding-top:10px}.userInfo span{color:#fff;margin-top:5px}.userInfo p{margin-top:-5px;padding-left:5px}.chatInfo{align-items:center;background-color:rgba(90,10,165,.774);border-bottom:1px solid #e33d3d;display:flex;height:60px;justify-content:space-between}.chatInfo span{font-size:20px;font-weight:700;padding-left:15px}.chatInfo .chatIcons{align-items:center;display:flex;gap:5px;padding-right:15px}.chatIcons img{height:20px;width:20px}.messages{background-color:rgba(195,219,238,.826);height:calc(100% - 150px);overflow-y:scroll;padding:10px}.message{display:flex;gap:30px;margin-bottom:15px}.messageInfo{display:flex;flex-direction:column}.messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.messageInfo span{color:#777;font-size:14px;padding-left:10px}.message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.messageContent img{height:100%;width:50%}.messageContent p{background-color:#fff;border-radius:0 8px 8px 8px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.owner{flex-direction:row-reverse}.owner .messageContent{align-items:flex-end}.owner p{background-color:rgba(9,9,177,.732);border-radius:8px 0 8px 8px;color:#fff}.input{background-color:silver;height:50px;justify-content:space-between;padding:10px 0;width:100%}.input,.send{align-items:center;display:flex}.send{justify-content:center;position:relative}.input input{border:none;margin-left:7px;outline:none;padding:10px 0 10px 10px;width:80%}.input .send .ss{margin-right:310px;position:absolute}.send .attach{margin-left:60px;margin-right:20px}.input .send .btn{background-color:#8a2be2;margin-left:15px}@media only screen and (max-width:600px){.home{height:101vh;margin:0 0 0 -.5rem;padding:0;width:100vw}.container{height:100%;width:100vw}.sidebar{flex:3 1}.navbar .logo{display:none}.input input{width:60%}.input .send button{margin-right:-120px}}.formContainer{align-items:center;background-color:aqua;display:flex;height:97vh;justify-content:center;width:100%}.formWrapper{background-color:#f0f8ff;border-radius:25px;height:500px;justify-content:space-around;width:500px}.formWrapper,.formWrapper form{align-items:center;display:flex;flex-direction:column}.formWrapper form{gap:15px}.formWrapper input{border:none;border-bottom:2px solid #c5c4c4;height:40px;outline:#adff2f;padding:10px 10px 0;width:300px}.formWrapper button{cursor:pointer;height:35px;width:300px}.logo{font-size:32px;font-weight:700}img{height:32px;width:32px}label{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-left:-230px}.formWrapper input{font-size:16px}.login{background-color:aqua;height:100vh;justify-content:center;width:100%}.login,.loginContainer{align-items:center;display:flex}.loginContainer{background-color:#f0f8ff;border-radius:20px;flex-direction:column;height:500px;justify-content:space-around;width:500px}.mtittle{font-size:32px;font-weight:700;margin-bottom:12px}.tittle{color:#7f7b7b;font-size:24px;margin-bottom:15px}.loginTittle,form{align-items:center;display:flex;flex-direction:column}form{background-color:#f0f8ff;justify-content:space-around}.loginContainer input{border:none;border-bottom:1px solid gray;height:30px;outline:#a76a0f;padding:10px 0 10px 8px;width:300px}.loginContainer button{background-color:#5b5bec;border-color:#0ff;color:azure;cursor:pointer;font-size:large;height:50px;width:300px}
/*# sourceMappingURL=main.e53d94c0.css.map*/