*{margin:0;padding:0}:root{--yellow:#f5c32c;--orange:#fca61f;--black:#242d49;--gray:rgba(36,45,73,.65);--profileShadow:0px 4px 17px 2px rgba(0,0,0,.25);--hrColor:#cfcdcd;--cardColor:hsla(0,0%,100%,.64);--buttonBg:linear-gradient(98.63deg,#f9a225,#f95f35);--inputColor:rgba(40,52,62,.07);--photo: ;--video:#4a4eb7;--location:#ef5757;--shedule:#e1ae4a}.App{background:#f3f3f3;color:#242d49;color:var(--black);overflow:hidden;padding:1 rem}.blur{background:#a6ddf0;border-radius:50%;-webkit-filter:blur(72px);filter:blur(72px);height:22rem;position:absolute;width:22rem}.button{align-items:center;background-color:#f9a225;border:none;border-radius:.5rem;color:#fff;display:flex;justify-content:center;transition:all .1s ease-out}.button:hover{background-color:initial;border:2px solid orange;color:#fca61f;color:var(--orange);cursor:pointer}::-webkit-scrollbar{display:none}.login{gap:2rem;height:100vh;position:relative}.login,.login>div{align-items:center;display:flex;justify-content:center}.login>div{margin-left:50px}.infoForm>div{height:3rem}.infoButton{height:4rem}.loginForm{padding:1rem}.Signup{justify-content:center;text-align:center;width:100%}@media (max-width:760px){.login{flex-direction:column;gap:1rem}}#signInDiv{display:flex;justify-content:center;margin-top:10px}.signup{gap:4rem;height:95vh;padding:10px;position:relative}.signup,.signup>div{align-items:center;display:flex;justify-content:center}.a-left{gap:2rem}.a-left>img{height:4rem;width:4rem}.Webname>h1{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-color:#fd9605;background-image:var(linear-gradient(98.63deg,#f9a225 0,#f95f35 100%) );background-repeat:repeat;background-size:100%;font-size:3rem}.Webname>h6{font-size:.85rem}.infoForm{align-items:center;flex-direction:column;gap:2rem}.infoInput{background-color:rgba(40,52,62,.07);border:none;border-radius:7px;flex:1 1;outline:none;text-align:center}.infoForm>div{display:flex;gap:1rem;height:2.5rem;width:100%}.infoButton{align-self:flex-end;height:3rem;width:5rem}.loginForm{background-color:hsla(0,0%,100%,.64);border-radius:2rem;padding:3rem}.validate{color:red}.Login{justify-content:center;text-align:center;width:100%}@media (max-width:760px){.signup{flex-direction:column;gap:1rem}}.Home{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:18rem auto 20rem;padding:10px;position:relative}@media only screen and (max-width:1250px){.Home{grid-template-columns:25rem auto}.rightSide{display:none}}@media only screen and (max-width:900px){.Home{grid-template-columns:auto}.followersCard{display:none}}.FollowersCard{border-radius:.7rem;display:flex;flex-direction:column;font-size:13px;gap:1rem;margin-top:30px;width:100%}.follower{align-items:center;display:flex;justify-content:space-between}.follower>div{display:flex;gap:10px}.followerImg{border-radius:50%;height:3.2rem;width:3.2rem}.name{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.name>span:first-of-type{font-weight:700}.fc-button{height:2rem;padding-left:20px;padding-right:20px}.LogoSearch{display:flex;gap:.75rem}.search{background-color:rgba(40,52,62,.07);border-radius:10px;display:flex;padding:5px}.search>input{background-color:initial;border:none;outline:none}.s-icon{background:linear-gradient(106.23deg,#f99827,#f95f35 100%);border-radius:5px;color:#fff;justify-content:center;padding:4px}.ProfileSide,.s-icon{align-items:center;display:flex}.ProfileSide{flex-direction:column;gap:1rem;margin-left:10px;margin-top:10px;overflow:auto;padding:3px}.PostShare{background-color:hsla(0,0%,100%,.64);border-radius:1rem;display:flex;gap:1rem;padding:1rem}.PostShare>img{border-radius:50%;height:3rem;width:3rem}.PostShare>div{display:flex;flex-direction:column;gap:1rem;width:80%}.PostShare>div>input{background-color:rgba(40,52,62,.07);border:none;border-radius:10px;font-size:17px;padding:10px}.PostOptions{display:flex;justify-content:space-around}.option{align-items:center;border-radius:10px;display:flex;font-size:12px;justify-content:center;padding:5px 10px}.option:hover{cursor:pointer}.ps-button{font-style:12px;padding:5px 20px}.previewImage{position:relative}.previewImage>svg{cursor:pointer;position:absolute;right:1rem;top:.5rem}.previewImage>img{border-radius:.5rem;max-height:20rem;object-fit:cover;width:100%}.PostSide{height:100vh;overflow:auto}.Post,.PostSide{display:flex;flex-direction:column;gap:1rem}.Post{background-color:var(hsla(0,0%,100%,.64));border-radius:1rem;padding:1rem}.Post>img{border-radius:.5rem;max-height:20rem;object-fit:cover;width:100%}.postReact{align-items:flex-start;display:flex;gap:1.5rem}.img{border-radius:50px;height:40px;object-fit:cover;width:40px}button{background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.comment{background-color:rgba(40,52,62,.07);border:none;border-radius:10px;height:45px;margin:30px 0;width:80%}.comment,.write{display:flex;gap:20px;justify-content:space-between}.write{align-items:center;max-width:20px 0}.showit{Overflow-x:scroll;Overflow-y:scroll;max-height:200px;max-width:800px}.cmt{justify-content:end}.cmt,.image{display:flex}.image{background-color:hsla(0,0%,100%,.64);border-radius:1rem;gap:.5rem;padding:0}.image>img{border-radius:50%;height:3rem;width:3rem}.image>name{margin-top:5px}.RightSide{display:flex;flex-direction:column;gap:2rem}.navIcons{display:flex;justify-content:space-between;margin-top:1rem}.navIcons>img{height:1.5rem;width:1.5rem}.r-button{align-self:center;height:3rem;width:80%}.ProfileCard{background:hsla(0,0%,100%,.64);border-radius:1.5rem;gap:1rem;margin-top:10px;overflow-x:clip}.ProfileCard,.ProfileImage{display:flex;flex-direction:column;position:relative}.ProfileImage{align-items:center;justify-content:center}.ProfileImage>img:first-of-type{width:100%}.ProfileImage>img:nth-of-type(2){border-radius:15%;bottom:-4rem;box-shadow:var(profileShadow);position:absolute;width:6rem}.ProfileName{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:3rem}.ProfileName>span:first-of-type{font-weight:700}.followStatus{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.followStatus>hr{border:1px solid var(hrColor);width:85%}.followStatus>div{gap:1rem;justify-content:space-around;width:80%}.follow,.followStatus>div{align-items:center;display:flex}.follow{flex-direction:column;gap:.4rem;justify-content:center}.follow>span:first-of-type{font-weight:700}.follow>span:nth-of-type(2){color:var(--gray);font-size:13px}.vl{border-left:2px solid var(hrColor);height:150%}.ProfileCard>span{align-self:center;color:orange;cursor:pointer;font-weight:700;margin-bottom:1rem}.link{color:orange;text-decoration:none}.cover{height:25ch}.InfoCard{background-color:hsla(0,0%,100%,.64);border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem;width:90%}.InfoHead{align-items:center;display:flex;justify-content:space-between}.InfoHead>div:hover{cursor:pointer}.logout-button{align-self:flex-end;height:2rem;margin-top:6rem;width:7rem}.infoI{background-color:rgba(40,52,62,.07);border:none;border-radius:10px;outline:none;text-align:center}.infoForm,.infoI{display:flex;justify-content:center}.user,.users{display:flex}.users{justify-content:space-evenly}.users:hover{background-color:#ea8502;font-weight:800}.userside{display:flex;justify-content:space-around;width:auto}.card{display:flex;flex-direction:row}.ProfileLeft{display:flex;flex-direction:column;gap:1 rem;height:100vh;margin-left:10px;overflow:auto;padding:10px}@media only screen and (max-width:1250px){.profile{grid-template-columns:18rem auto}.rightSide{display:none}}@media only screen and (max-width:900px){.profile{grid-template-columns:auto}.infoCard{display:none}}.allusers{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:18rem auto 20rem;padding:10px;position:relative}@media only screen and (max-width:1250px){.allusers{grid-template-columns:25rem auto}.rightSide{display:none}}@media only screen and (max-width:900px){.allusers{grid-template-columns:auto}.followersCard{display:none}}.Profile{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:18rem auto 20rem;position:relative}.Profile-center{display:flex;flex-direction:column;gap:1rem}.heading{display:flex;justify-content:center;margin-top:10px}@media only screen and (max-width:1250px){.Profile{grid-template-columns:18rem auto}}@media only screen and (max-width:900px){.Profile{grid-template-columns:auto}.rightSide{display:none}}.Chat{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:22% auto;margin-left:10px;margin-top:15px;position:relative}.Chat-container,.Left-side-chat{display:flex;flex-direction:column;gap:1rem}.Chat-container{background:var(--cardColor);border-radius:1rem;height:auto;margin-top:10px;min-height:80vh;overflow:scroll;padding:1rem}.Chat-list,.Right-side-chat{display:flex;flex-direction:column;gap:1rem}.conversation:hover{background:#80808038;cursor:pointer}.conversation{border-radius:.5rem;padding:10px}.conversation>div{position:relative}.online-dot{background-color:#adff2f;border-radius:50%;height:1rem;left:2rem;position:absolute;width:1rem}.chatbox-empty-message{align-self:center;display:flex;font-size:20px;justify-content:center}@media screen and (max-width:768px){.Chat{grid-template-columns:16% auto}.follower.conversation>div>.name,.rightSide{display:none}}.ChatBox-container{background:var(--cardColor);border-radius:1rem;display:grid;grid-template-rows:14vh 60vh 13vh}.chat-header{display:flex;flex-direction:column;padding:1rem 1rem 0}.chat-body{overflow:scroll;padding:1.5rem}.chat-body,.message{display:flex;flex-direction:column;gap:.5rem}.message{background:var(--buttonBg);border-radius:1rem 1rem 1rem 0;color:#fff;max-width:28rem;padding:.7rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message>span:nth-child(2){align-self:end;color:var(--textColor);font-size:.7rem}.own{align-self:flex-end;background:linear-gradient(98.63deg,#24e4f0,#358ff9);border-radius:1rem 1rem 0 1rem}.chat-sender{align-items:center;align-self:end;background:#fff;border-radius:1rem;display:flex;gap:1rem;height:3.5rem;justify-content:space-between;padding:.8rem}.chat-sender>input{background-color:#ececec;border:none;border-radius:.5rem;flex:1 1;font-size:14px;height:70%;outline:none;padding:0 15px}.chat-sender>div:first-of-type{align-items:center;background:#e9e9e9;border-radius:.5rem;cursor:pointer;display:flex;font-weight:700;justify-content:center}.chat-sender>div{height:70%;padding:0 15px}.adminHome{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:18rem auto 20rem;padding:10px;position:relative}@media only screen and (max-width:1250px){.adminHome{grid-template-columns:25rem auto}.amininLeftSide{display:none}}@media only screen and (max-width:900px){.adminHome{grid-template-columns:auto}.followersCard{display:none}}
/*# sourceMappingURL=main.601d1ae1.css.map*/