@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap);*{margin:0;font-family:"Roboto",sans-serif}.App{background-color:#f0f2f5;color:#000}.header{display:flex;width:100%;padding:10px 20px;box-shadow:1px 1px 3px hsla(0,0%,50.2%,.267);position:fixed;top:0;z-index:100;background-color:#fff}.header-left{display:flex;justify-items:space-around;width:25%}.header-left>img{height:40px}.header-left .Search{display:flex;padding:10px;align-content:center;background-color:#f0f2f5;border-radius:99px;margin-left:10px}.Search>input{background-color:transparent;border:none;outline-style:none;height:20px}.header-mid{display:flex;width:50%;padding:0 30px;direction:column;align-self:center;justify-content:space-between}.header-option{display:flex;width:40%;justify-content:center;cursor:pointer}.header-option :hover{transform:scale(1.07)}.header-option .MuiSvgIcon-root{padding:0 0 3px}.header-active{border-bottom:2px solid #1876f2;color:#1876f2}.header-right{display:flex;padding:0 30px;width:25%;align-items:center;justify-content:space-evenly}.right-option{color:grey;cursor:pointer}.right-option :hover{transform:scale(1.07)}.profile{display:flex;justify-content:center;align-items:center}.profile h3{margin-left:10px;color:#666}@media (max-width:991px){.header-mid{display:none}.header-left{width:80%;margin:3px auto;display:flex}.header-left .Search{flex:1 1}.header-right{max-width:80%;display:flex;width:80%;margin:3px auto}.header{display:grid}}.MainContainer{display:flex;margin:60px 0;color:#000}@media (max-width:991px){.RightWidget{display:none}}.SideNav{padding:15px 0 15px 15px;width:20%}.Side-component{padding:10px 0;display:flex;align-items:center;color:#000;cursor:pointer;position:relative;height:40px;width:100%}.Side-component h4{margin-left:10px;font-weight:bolder}.Side-component .Avatar{height:30px;width:30px}.Side-component :hover{transform:scale(1.07)}.SideIcon{color:#1877f2}@media (max-width:991px){.SideNav{display:none}}.Postarea{width:60%;overflow-y:scroll;scroll-behavior:smooth;height:100vh}.editPost{width:80%;margin:30px 10%;background-color:#fff;border-radius:10px;box-shadow:1px 1px 3px rgba(194,193,193,.582)}.PostHead{display:flex;align-items:center;padding:10px;border-bottom:1px solid #dcdcdc}.PostHead form{display:flex;flex:1 1}.postInput{display:flex;background-color:rgba(240,242,245,.5);margin-left:10px;border-radius:99px}.flex-1{flex:1 1}.postInput input{width:100%;outline:none;background-color:transparent;border:none;height:40px;padding:0 10px;color:#000}.hPost{display:none}.postOptions{display:flex;width:100%;justify-content:space-evenly}.pOption{display:flex;align-items:center;padding:15px auto;cursor:pointer}.pOption h4{margin-left:5px}.pOption :hover{transform:scale(1.07)}@media (max-width:991px){.Postarea{width:98%;margin:50px auto}.editPost{width:90%;margin:20px auto}.postOptions{max-width:90%;margin:10px auto}.pOption{padding:20px 0;align-items:center;justify-items:center}.pOption,.PostHead form{display:grid}.postInput{margin:2px 10px}.hPost{display:block;background-color:#1877f2;border-radius:99px;color:#f5f5f5;border:none;width:90%;line-height:30px;margin:20px auto}}@-webkit-keyframes Feed{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes Feed{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.Feed{width:80%;background-color:#fff;margin:20px auto;border-radius:10px;padding:0 0 10px;color:#000;box-shadow:1px 1px 3px grey;-webkit-animation:Feed .4s;animation:Feed .4s}.feedProfile{position:relative;display:flex;align-items:center;width:94%;margin:auto;padding:10px}.feedProfile .MuiAvatar-img{display:flex}.feedProfile h4{display:flex;font-weight:bolder!important;margin-left:10px}.feedProfile .delete{display:flex;justify-self:right;margin:0 0 0 auto;border:none;border-radius:99px;outline:none;color:#000;padding:10px;font-weight:bolder;cursor:pointer}.Feed h5{margin:10px 20px;color:#000}.Feed img{width:100%}.feedDetails{margin:10px auto;width:96%;line-height:30px;border-bottom:.5px solid grey}.feedDetails .comments{float:right}.feedOptions{display:flex;justify-content:space-evenly;padding:10px 20px}.fOption{display:flex;align-items:center;cursor:pointer}.fOption :hover{transform:scale(1.07)}.fOption h3{margin:0 10px}.fOption .MuiAvatar-root{height:24px;width:24px}.addComment{display:flex;width:90%;margin:20px auto}.addComment .MuiAvatar-root{height:30px;width:30px}.commentForm{background-color:#f0f2f5;display:flex;flex:1 1;width:90%;max-width:92%;margin:0 auto;align-items:center;border-radius:99px}.commentForm input{background-color:transparent;outline:none;border:none;margin-left:20px;display:flex;flex:1 1}.commentForm .MuiSvgIcon-root{margin:0 10px;float:right}.postComment{display:none}.commentSection{width:90%;margin:0 auto}.commentSection p{width:90%;padding:10px;display:flex;background-color:#f0f2f5;margin-left:30px;margin-top:0;border-radius:99px}.commentProfile{display:flex;align-items:center}.commentProfile .MuiAvatar-root{height:30px;width:30px}.commentProfile h4{margin-left:10px;font-size:16px}.hidden{display:none}@media (max-width:991px){.Feed{width:94%;margin:20px auto}.commentSection p{width:86%;margin:auto}.postComment{display:flex;background-color:#3f51b5;border:none;outline:none;border-radius:99px;padding:8px 10px;color:#f5f5f5;font-weight:bolder}}.login{display:grid;align-items:center;justify-content:center;height:100vh;background-color:#e7f3ff}.login h1{font-size:72px;color:#3f51b5}.login .MuiAvatar-root{height:300px;width:300px}.login button{height:50px;width:300px;margin:10px 0;line-height:50px;font-size:30px;font-weight:bolder;background-color:#3f51b5;color:#fff;border:none;border-radius:99px;cursor:pointer;outline:none;display:block}@media (max-width:991px){.login{height:100%;padding:10vh 0}}
/*# sourceMappingURL=main.030ef9c5.chunk.css.map */