@import url(https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400&display=swap);*{background:none;border:none;box-sizing:border-box;font-family:Hind Madurai,sans-serif;margin:0;outline:none;padding:0}:root{--green:#00a884;--body:#e2e1de;--chat-room:#efeae2;--focus:#f0f2f5;--chat-list:#fff;--menu:#54656f}body{background:#e2e1de;background:var(--body);display:flex;justify-content:center;max-height:100vh;min-height:100vh;position:relative}.App{background:#f0f2f5;background:var(--focus);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);margin-top:2rem}.App,.main__div{max-height:800px;min-height:800px;min-width:85vw}.main__div{background:#fff;display:grid;grid-template-columns:1fr 2fr}.main__div>div{height:100%}.top__body{background:#00a884;background:var(--green);height:8rem;left:0;position:fixed;top:0;width:100%;z-index:-1}.chatBox{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}.chat__content{height:100%;overflow-y:scroll;width:100%}.chat__input{align-items:center;background:#f08080;display:grid;grid-template-columns:1fr 4.5fr .5fr;height:8%;padding:.5rem .7rem;width:100%}.chat__input>div{align-items:center;display:flex;justify-content:space-evenly}.chat__input form{background:var(--focus);border-radius:.5rem}.chat__input form input{padding:.5rem .8rem;width:100%}.chat__input>div>div{align-items:center;display:flex}#navlike{background-color:#f08080;display:grid;grid-template-columns:1fr 1fr;height:7.5%;width:100%}#navL,#navlike{align-items:center}#navL{display:flex;gap:1rem;padding:.5rem 1rem}#navL>div>div{color:#fff}#navR{gap:.5rem;height:100%;justify-content:flex-end;padding:.5rem 1rem}#navR,#navR>div{align-items:center;display:flex}#naam{color:#fff;font-size:20px;font-weight:700}#lastSee{color:#8696a0;font-size:12px}h3{font-size:1rem}p{font-size:.65rem;text-align:left}.item__chat{display:flex;flex-direction:column;margin:.5rem auto;width:90%}.item__chat>p{font-size:.8rem;margin-bottom:.3rem;margin-left:1rem}.item__chat.sent>p{margin-right:1rem}.item__chat.sent{align-items:flex-end;display:flex}.chat__message{align-items:center;background:var(--focus);border-radius:.5rem;display:flex;gap:.8rem;object-fit:contain;padding:.5rem 1rem;width:50%}.chat__message.user{background:var(--green);color:#fff;gap:.8rem;justify-content:flex-end;object-fit:contain;text-align:end;width:auto}#rightDiv{align-items:center;background-color:#222e35;display:flex;height:100%;justify-content:center}#rightCon{margin:auto;text-align:center;width:60%}#forImg{border-radius:50%;height:60%;margin:auto;width:75%}#forImg img{height:15rem}#kee{color:#d0caad;font-size:25px}.con{color:#85959f;font-size:12px}#llink{color:#008c53}.main__chat{max-height:800px;min-height:800px}.chat__item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;width:100%}.chat__item:hover{background:var(--focus)}.profile__chat{align-items:center;display:flex;gap:1rem}.name__chat>p{font-size:.8rem}.navbar{border-bottom:1px solid #d3d3d3;height:15%}.navbar>div{height:50%}.top__nav{align-items:center;background:var(--focus);border-right:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:1rem}.top__nav>div{display:flex;gap:3rem}.search__nav,.search__nav form{align-items:center;display:flex}.search__nav form{background:var(--focus);border-radius:.5rem;gap:2rem;margin:auto;padding:.5rem 1rem;width:95%}.search__nav form input{background:none;width:100%}.nav__options{color:var(--menu)}.div{cursor:pointer}.nav__options>div,.search__nav{position:relative}.signOut{background:var(--menu);border-radius:.2rem;color:#fff;display:none;padding:.5rem 1rem;position:absolute;right:0;top:2.5rem;width:5rem;z-index:100}.signOut.display{display:block}.signOut p{font-size:.8rem}.sidebar{background:var(--chat-list);grid-column:1/2;height:100%}.chat__list{height:84%;overflow-y:scroll}.login{display:flex;height:800px;width:100%}.login,.login>.login__main{align-items:center;justify-content:center}.login>.login__main{background:linear-gradient(#be3131,#1a1c94,#19a874);border-radius:2rem;display:grid;grid-template-columns:5rem 1.2fr 1fr 5rem;height:70%;width:80%}.login__main>div{align-items:center;display:flex;justify-content:center}.logo__login{grid-column:2/3}.logo__login img{width:50%}.login__input{display:flex;width:100%}.login__input,.login__input>div{align-items:center;justify-content:center}.login__input>div{flex-direction:column;gap:.5rem;height:20rem;width:85%}.login__input>div>p{color:#f0f8ff;font-size:2rem;text-align:center}.login__input input{background:var(--body);font-size:1.2rem;height:3.5rem;padding:.5rem 1.5rem;width:100%}.login__input button,.login__input input{align-items:center;border-radius:.5rem;display:flex}.login__input button{background:var(--focus);cursor:pointer;font-size:medium;height:3rem;justify-content:center;padding:.5rem 1rem;transition:.5s;width:50%}.login__input button:hover{background:var(--green);color:var(--focus)}
/*# sourceMappingURL=main.3cc467d5.css.map*/