.header{background-color:#fff;background-color:#0f0f0f;box-shadow:2px -20px 15px 7px #4e4e4e;padding:.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header .container{align-items:center;display:flex;justify-content:space-between}.header__logo{color:#fff}.header__logo span:first-of-type{background-color:#000;border-radius:.2rem;color:#fff;margin-right:2px;padding:.1rem .2rem}.header__logo span:nth-of-type(2){background-color:#fff;border-radius:.3rem;color:#000;padding:0 .2rem}@media screen and (max-width:900px){.header__logo{font-size:.7rem}}.header__links{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:900px){.header__links{bottom:0;position:-webkit-sticky;position:sticky}}.header .header__links .header__icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:35px;justify-content:center;margin-right:2rem;padding:.3rem;position:relative;transition:all .2s ease-in-out;width:35px}@media screen and (max-width:900px){.header .header__links .header__icon{margin-right:.5rem}}.header__info{align-items:center;display:flex;justify-content:space-between}.header__info .btn-update{background-color:none!important}.active{color:#fff!important;position:relative}.active:after{background-color:#fff;border-radius:50%;bottom:-3px;content:"";height:6px;left:50%;position:absolute;-webkit-transform:translatex(-50%);transform:translatex(-50%);width:6px}.header__icon:hover{background-color:hsla(0,0%,50%,.534);width:170%}.header-profile-pic{align-items:center;display:flex;gap:10px}.header-profile-pic .border{border:3px solid gray;border-radius:50%}@media screen and (max-width:900px){.header-profile-pic .border{display:none}}.header-profile-pic .Logout{height:24px;position:relative}.header-profile-pic .iconSignOut{color:#fff;font-size:25px;width:40px}.Logout>p{background-color:#202020;border:none;border-radius:4px;left:-30px;opacity:0;padding:10px;position:absolute;top:40px;transition:all .3s ease-in-out}.header-profile-pic .Logout:hover>p{cursor:pointer;opacity:1}.add__post{background-color:#fff;background-color:#202020;border-radius:.5rem;margin-bottom:1rem;padding:1rem;width:100%}@media screen and (max-width:900px){.add__post{background-color:#202020;border-radius:.5rem;margin-bottom:1rem;padding:.7rem;width:100%!important}}.add__post__head{display:flex;gap:10px}.add__post__head .border{border:3px solid gray;border-radius:50%}.add__post__head .inputPost{background-color:#202020;border:1px solid gray;border-radius:1rem;outline:none;padding-left:1rem;width:100%}.box{flex-direction:column}.box,.box i{align-items:center;display:flex}.box i{background-color:#000;border-radius:50%;color:#fff;cursor:pointer;font-size:2.2rem;height:50px;justify-content:center;margin-bottom:.6rem;width:50px}.box label{align-items:center;display:flex;flex-direction:column}.box label p{font-weight:700}.box .caption{border:none;font-size:1rem;margin-top:1rem;outline:none;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn{background-color:#000;border-radius:.5rem;color:#fff;font-size:1rem;letter-spacing:1.2px;margin-top:2rem;padding:.5rem;transition:all .3s ease-in-out;width:50%}.btn:hover{cursor:pointer;opacity:.9}.btn:disabled{cursor:not-allowed;opacity:.7}.post{background-color:#202020;border-radius:.5rem;color:#fff;margin-bottom:1rem;padding-bottom:.5rem}@media screen and (max-width:900px){.post{width:100%!important}}.postHeader{align-items:center;display:flex;padding:1rem}.postHeader .avatar{margin-right:1rem}.postHeader .name_time p:first-of-type{font-size:1rem;font-weight:700}.postHeader .name_time p:nth-of-type(2){font-size:.8rem;opacity:.9}.postHeader i{display:flex;flex:2 1;justify-content:flex-end}.post__Content .caption{font-size:1.2rem;padding:0 1rem 1rem 1.5rem}.post__Content img{object-fit:cover;width:100%}.post__icon{align-items:center;display:flex;justify-content:flex-start;padding-left:1rem}.post__icnos_andLikeCount{align-items:center;display:flex;padding:.3rem}.post__icon .icon{color:#dddbdb;font-weight:900;margin-right:.5rem;transition:all .3s ease-in-out}.likes,.post__icon .icon{align-items:center;display:flex}.likes{gap:10px;margin:.5rem}.likes p span{margin-right:.3rem}.post__icon .icon i{font-size:1.3rem;margin-right:.5rem}.post__icon .icon:hover{color:#fff;cursor:pointer}.comments{margin-top:.5rem;max-height:100px;overflow-y:scroll}.comments::-webkit-scrollbar{background:linear-gradient(0deg,transparent,#4b4848,transparent);width:5px}.comments::-webkit-scrollbar-thumb{background:rgba(63,62,62,.979);border-radius:.5px}.comments .comment{align-items:center;display:flex;margin-left:2rem}.comments .comment p:first-of-type{font-weight:600;margin-right:.5rem}.comments .comment p:nth-of-type(2){font-size:.8rem;letter-spacing:1px;margin-left:.2rem}.comments .comment p:nth-of-type(3){align-items:center;color:#b6b4b4;display:flex;flex:2 1;font-size:13px;justify-content:flex-end;margin-right:3rem}.comments .comment p:nth-of-type(3) span{align-items:center;background-color:initial;border-radius:50%;display:flex;height:19px;justify-content:center;margin-right:.5rem;transition:all .3s ease-in-out;width:19px}.comments .comment p:nth-of-type(3) span:hover{background-color:hsla(0,0%,93%,.199);color:#fff;cursor:pointer}.comment{margin-bottom:5px}.addPostForm{align-items:center;border:2px solid gray;border-radius:2rem;display:flex;margin:.9rem auto;outline:none;width:95%}.addPostForm>div{padding:5px}.addPostForm>.comment__post{background-color:#202020;border:none;color:#fff;font-size:19px;margin:.5rem 1rem;width:100%}.addPostForm input:focus{outline:none}.addPostForm button{background-color:initial;border:none;color:#eee;font-size:1.6rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:30px;margin-right:1rem;opacity:.8;outline:none;transition:all .3s ease-in-out}.addPostForm button:disabled{opacity:.3}.addPostForm button:hover{cursor:pointer;-webkit-transform:scale(1.08);transform:scale(1.08)}.home{background-color:#0f0f0f;display:flex;gap:10px;height:93vh;margin:0 auto;max-width:1128px;overflow-y:hidden;padding:.5rem 2rem}.addpost__posts{width:70%}.AddPostSection{background-color:#202020;border-radius:1rem;color:#fff;margin-bottom:1rem;margin-top:0!important;padding-bottom:1rem;position:-webkit-sticky;position:sticky;width:100%;z-index:1000}.posts_section{border-radius:.5rem;height:78vh;overflow-y:scroll;padding-bottom:5rem;padding-right:.5rem}@media screen and (max-width:900px){.addpost__posts{width:100%}.home{flex-direction:column-reverse}.home,.posts_section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.posts_section{width:100%!important}}.posts_section::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb:hover{background:#555}.miniProfile__user{width:30%}.miniProfile{position:-webkit-sticky;position:sticky}.miniProfile__user .miniProfile{background-color:#202020!important;border-radius:.5rem;color:#fff;margin-top:.7rem}.miniProfile__user .miniProfile .info{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:flex-start;margin-top:0}.miniProfile__user .miniProfile .info div{display:flex;flex-direction:column;margin-left:.5rem}.miniProfile__user .miniProfile .info>div p{color:gray;font-size:13px;margin-top:3px}.users{background-color:#202020;border-radius:.5rem;color:#fff;padding-bottom:1rem}.user__section{display:flex;gap:.5rem;margin-bottom:.5rem;padding-left:.5rem;padding-top:.5rem;width:100%}.sideProfiel{align-items:center;display:flex;justify-content:space-between}.user__section .sideProfiel p{font-size:12px;opacity:.8}@media screen and (max-width:900px){.users{width:100px!important}.addpost__posts{margin:0 auto}.miniProfile__user{align-items:center;display:flex;justify-content:center;width:100%}.miniProfile{display:none}.users{display:flex;flex-direction:column;width:100%!important}.user__section{display:flex!important;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.users>div{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;margin-top:10px;overflow-x:scroll;overflow-y:hidden;padding:0 10px .5rem;width:100%}.users>div::-webkit-scrollbar{background-color:#202020;height:5px;margin-top:.5rem}.users>div::-webkit-scrollbar-thumb{background:linear-gradient(90deg,transparent,#2c2c2c,#353535,transparent);width:10px}.users>div .user__section a .sideProfiel{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.users>div .user__section a .sideProfiel h5{height:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90px}.users>div .user__section a .sideProfiel p{display:none}}.pepole_section{color:#fff;margin:0 auto;max-width:1128px;padding:.5rem 2rem}.pepole{align-items:center;color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.card{border:1px solid gray;border-radius:.5rem;max-width:300px;min-height:300px;min-width:300px;overflow:hidden}.card .cover{border:1px solid gray;position:relative}.card .cover .image__cover{height:100px;object-fit:cover;width:100%}.card .profile__photo{border:4px solid #000;border-radius:50%;left:50%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:absolute;top:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:111}.info{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1.5rem;padding:1rem}.info h3{color:#eee;letter-spacing:2px;padding:.5rem}.info h4{color:#e0dcdc;letter-spacing:1.5px;padding:.3rem}.info p{font-size:15px;letter-spacing:.9px;line-height:25px;margin-top:.5rem;opacity:.8;text-align:center;word-break:break-all}.updateProfile{border:none;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.updateProfile div .updateName,.updateProfile div textarea{border:1px solid gray;border-radius:.2rem;padding:.5rem 1rem;width:100%}.updateProfile div textarea{resize:none}.updateProfile .update__photo{display:flex;justify-content:space-between}.update__photo img{width:40px}.updateProfile .updateBtn{background-color:#000;border-radius:.5rem;color:#fff;letter-spacing:1px;margin:1rem auto auto;padding:.5rem 1rem;transition:all .3s ease-in-out;width:40%}.updateBtn:hover{cursor:pointer;-webkit-transform:scale(1.09);transform:scale(1.09)}.updateBtn:disabled{background-color:gray;cursor:not-allowed}@media screen and (max-width:900px){.child{left:50%!important;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.header__info{margin-bottom:4rem}@media screen and (max-width:900px){.header__info{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:8rem auto 0!important;text-align:center}}.profiel__feed{margin-top:5rem}.profiel__feed .posts{min-width:100%}@media screen and (max-width:900px){.profiel__feed{display:flex;flex-direction:column-reverse;margin:1rem auto!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profiel__feed .posts{margin-right:0;min-width:375px!important}}.gallery{background-color:#202020;border-radius:.5rem;padding:.5rem .5rem 1rem}.gallery .flex{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto}.gallery .flex img{border-radius:.8rem;height:100px}*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}body{background-color:#0f0f0f;color:#fff}.container{margin:0 auto;max-width:1128px}.App{height:100vh;margin:auto;overflow-y:scroll}.App::-webkit-scrollbar{display:none}a{color:#fff;text-decoration:none}.noPostToShow{align-items:center;background-color:#202020;border-radius:.5rem;color:gray;display:flex;font-size:2rem;height:200px;justify-content:center}.welcome{color:gray;font-size:1.3rem;margin:1rem auto}.signin,.welcome{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.signin{display:flex;flex-direction:column;margin:3rem auto auto;text-align:center}.signin h1{font-size:3rem;margin-bottom:1rem}.signin p{font-size:2rem;margin-bottom:5rem}.signin .signin__btn{align-items:center;background-color:#2a2b2b;border-radius:.5rem;color:#fff;display:flex;font-size:2rem;justify-content:center;margin:auto;padding:1rem 1.3rem;transition:all .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.signin__btn:hover{cursor:pointer;-webkit-transform:scale(1.08);transform:scale(1.08)}.signin__btn span{margin-right:.4rem}.Profile{background-color:#0f0f0f;color:#fff;margin:0 auto;max-width:1128px;padding:1rem 2rem;width:100%}.Profile .prfile__header{max-width:100%}.prfile__header .profile__background{position:relative;width:100%}.prfile__header .profile__background .background{border-radius:.5rem;height:300px;object-fit:cover;width:100%}.child{bottom:-140px;left:10px;position:absolute}.profile__background .pic{border:10px solid #0f0f0f;border-radius:50%;height:200px;object-fit:cover;width:200px}.header__info{margin-left:14rem;margin-top:1rem}.header__info p,.header__info p:nth-of-type(2){margin-bottom:.5rem;opacity:.7}.header__info .btn__update{background-color:#111;border:1px solid gray;border-radius:.5rem;color:#fff;letter-spacing:1px;padding:.5rem;transition:all .3s ease-in-out}.header__info .btn__update:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.profiel__feed{display:flex;margin-top:2rem}.box_p{letter-spacing:1px;line-height:30px}.profiel__feed .posts{margin-right:1rem;max-width:600px;min-width:600px}@media screen and (max-width:900px){.profiel__feed{display:flex;flex-direction:column-reverse;margin:2rem auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profiel__feed .posts{margin-right:0}}.addPost{width:100%}.Following{background-color:#202020;border-radius:.5rem;display:flex;justify-content:space-around;margin:1rem 0;padding:1rem}.Following p{align-items:center;display:flex;flex-direction:column;justify-content:center}
/*# sourceMappingURL=main.0c5921b0.css.map*/