*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope}.sidebarRow{align-items:center;cursor:pointer;display:flex;padding:10px}.sidebarRow:hover{background-color:#d3d3d3;border-radius:10px}.sidebarRow>h4{font-weight:300;margin-left:20px}.sidebarRow>.MuiSvgIcon-root{color:#2e81f4;font-size:xx-large}.sidebar{flex:0.33 1;padding:25px 10px}@media screen and (max-width:799px){.sidebar{display:none}}.messageSender{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px #000001;display:flex;flex-direction:column;width:100%}@media screen and (max-width:799px){.messageSender{border-radius:0;box-shadow:none}}.messageSender__top{border-bottom:1px solid #eff2f5;display:flex;padding:15px}.messageSender__top>.messageSender__form{display:flex;flex:1 1}.messageSender__top>.messageSender__form>input{background-color:#eff2f5;border:none;border-radius:999px;margin:0 10px;outline-width:0;padding:5px 20px}.messageSender__top>.messageSender__form>button{display:none}@media (max-width:455px){.messageSender__top>.messageSender__form>button{display:visible}}.messageSender__input{flex:1 1}.messageSender__bottom{display:flex;justify-content:space-evenly}.messageSender__option{align-items:center;color:gray;display:flex;margin:5px;padding:20px}.messageSender__option>h3{cursor:pointer;font-size:medium;margin-left:10px}.messageSender__option:hover{background-color:#eff2f5;border-radius:20px}@media (max-width:636px){.messageSender>.messageSender__img{width:10px}}@media (max-width:421px){.messageSender>.messageSender__img{width:10px}.messageSender__bottom{justify-content:center;padding:10px}.messageSender__option{margin:3px;padding:3px}}.story{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 5px 17px -7px rgba(0,0,0,.75);cursor:pointer;height:200px;margin-bottom:20px;margin-left:10px;margin-right:10px;max-width:110px;min-width:110px;position:relative;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.story:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.story__avatar{border:5px solid #2e81f4;margin:10px}.story>h4{bottom:20px;color:#fff;left:20px;position:absolute}@media (max-width:700px){.story{height:150px;max-width:100px;min-width:100px}}.storyReel{background-color:#fff;border-radius:15px;display:flex;margin-top:5px;overflow-x:scroll;overflow-y:hidden;padding-top:20px;width:100%}@media (max-width:799px){.storyReel{border-radius:0}}.storyReel::-webkit-scrollbar{display:none}.post{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0 .75);margin-top:5px;width:100%}.post__top{align-items:center;display:flex;padding:15px;position:relative}.post__avatar{border:2px solid #d3d3d3;margin-right:10px}.post__topInfo>h3{font-size:medium}.post__topInfo>p{color:gray;font-size:small}.post__bottom{padding:0 15px}.post__image{display:flex;padding:15px}.post__image>.pic__image{height:40%;object-fit:cover;width:100%}.post__image>.pic__img{object-fit:cover;width:50%}.post__options{border-top:.1px solid #e9e9e9;color:grey;cursor:pointer;display:flex;font-size:medium;justify-content:space-evenly;padding:7px}.post__option{align-items:center;background-color:#eff2f5;border-radius:10px;display:flex;flex:1 1;justify-content:center;margin:2px 7px;padding:7px}.post__option>p{margin-left:10px}.post__option:hover{background-color:#eff2f5;border-radius:10px}@media screen and (max-width:799px){.post{border-radius:0}.post__image>.pic__img{height:200px}}.feed{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow-y:hidden;padding:30px 150px}@media (max-width:1080px){.feed{padding:30px 10px}}@media screen and (max-width:799px){.feed{padding:0}}.reel{background-color:#fff;border-radius:15px;display:flex;margin-top:5px;overflow-x:scroll;overflow-y:hidden;padding:25px 0;width:100%}@media (max-width:799px){.reel{border-radius:0}}.reel::-webkit-scrollbar{display:none}.people__card{border:1px solid #d3d3d3;margin:0 5px;min-height:320px;min-width:230px}.people__card>div{padding:10px}.people__card>div>p{color:gray;font-size:18px;font-weight:500}.people__card>div>h4{color:inherit}.img__div{height:210px;margin-bottom:5px;width:100%}.people__card>.img__div>img{height:210px;object-fit:cover;width:100%}.people__card>div>button{align-items:center;background-color:#fff;border:1px solid gray;color:#2e81f4;display:flex;font-weight:700;justify-content:center;margin-top:5px;padding:10px;width:100%}.app{background-color:#f1f2f5}.app__body{display:flex}Widgets{background-color:#639;display:none}@media screen and (max-width:799px){.widgets{display:none}.app__body{justify-content:center}}@media (max-width:1500px){.widgets{display:none}}.header{background-color:#fff;box-shadow:0 5px 8px -9px #000;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.above{padding:10px 0}.header__left{display:flex;justify-content:space-evenly}.header__input{align-items:center;background-color:#eff2f5;border-radius:999px;display:flex;margin-left:10px;padding:10px}@media screen and (max-width:799px){.header__input{align-items:flex-start}}.header__left>img{height:40px}.header__input>input{background-color:transparent;border:none;outline-width:0}.header__center{display:flex;flex:1 1;justify-content:center}.header__option>.MuiSvgIcon-root{color:gray;font-size:30px}.header__option--active{border-bottom:4px solid #2e81f4}.header__option--active>.MuiSvgIcon-root,.header__option:hover .MuiSvgIcon-root{color:#2eb1f4}.header__option{align-items:center;cursor:pointer;display:flex;padding:0 30px}.header__option:hover{align-items:center;background-color:#eff2f5;border-radius:10px;border-radius:none;padding:0 30px}.header__right{display:flex}.header__info{align-items:center;display:flex}.header__info>h4{margin-left:10px}@media screen and (max-width:799px){.header{flex-direction:column}}@media screen and (max-width:1145px){.header__right{display:none}}@media screen and (max-width:885px){.header__left{display:none}}@media screen and (max-width:526px){.header__option{padding:0 15px}.header__center,.header__option{justify-content:space-between}.header__option>.MuiSvgIcon-root{font-size:20px}.header{border-bottom:1px solid #eff2f5;box-shadow:0 5px 8px -9px #000;box-shadow:none}}.req__list{background-color:#fff;padding:10px}.req{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;padding:5px 0}.req__img>img{border:2px solid #d3d3d3;border-radius:100%;height:100px;object-fit:cover;width:100px}.req__info{margin:10px}.req__info>.req__user{font-size:21px}.req__info>.req__mut{color:grey;font-size:18px}.req__but{padding:10px 0}.req__but>button{border-radius:5px;font-weight:700;padding:7px;width:110px}.req__but>.confirm{background-color:#2e81f4;border:2px solid #2e81f4;color:#fff;margin-right:10px}.req__but>.delete{background-color:#d3d3d3;border:2px solid #d3d3d3}@media (max-width:370px){.req__but>button{width:90px}.req__info{margin:5px}}.above{background-color:#fff;color:#2eb1f4;display:flex;font-size:24px;font-weight:700;padding:10px 20px;position:-webkit-sticky;position:sticky;z-index:110}.login,.signup{align-items:center;background-color:#eff2f5;background-color:#2e81f4;display:flex;height:100vh;justify-content:center}.login__form{background-color:#eff2f5;border-radius:15px;padding:50px 20px;width:500px}.user__input{background-color:#eaeaea;border:1px solid #eff2f5;border-radius:10px;display:block;margin:30px 20px;outline:none;padding:12px;width:400px}.login__form>.login__button{background-color:#2e81f4;border:1px solid #2e81f4;border-radius:20px;color:#fff;font-size:21px;padding:10px;width:100%}@media (max-width:762px){.login__form{width:350px}.user__input{width:250px}}@media (max-width:400px){.signup{background-color:#eff2f5}}@media (max-width:362px){.login__form{width:277px}.user__input{width:200px}}.user__profile{display:flex}.profile__wrapper{background-color:#fff;margin:10px;text-align:center;width:100%}.profile_cover_photo>img{height:250px;object-fit:cover;width:100%}@media (max-width:700px){.profile_cover_photo>img{height:120px}}.profile_display_photo>img{border:5px solid #fff;border-radius:100%;height:150px;object-fit:cover;position:relative;top:-50px;width:150px}.profile_info{position:relative;text-align:center;top:-45px}.profile_fullName{display:block;font-size:28px}.profile_username{font-size:28px}.profile_last_login{color:grey;font-size:16px;padding-bottom:10px;padding-top:5px}.profile_about{align-self:center;color:grey;display:block;font-weight:400;padding:10px 20px}
/*# sourceMappingURL=main.393aaf6f.css.map*/