.container{display:flex;max-width:1650px}.sidebar{display:flex;flex-direction:column;gap:30px;padding:2vw 1vw;height:100vh;position:sticky;top:0;flex:.19;border-right:1px solid #787777}.logo{width:150px}.profile__img{border-radius:50%;object-fit:contain;display:flex;align-items:center;justify-content:center}.sidebar__bottom{display:flex;flex-direction:column;gap:30px;position:absolute;bottom:0;margin-bottom:30px}.sidebarItem{display:flex;align-items:center;gap:1vw;font-size:20px;cursor:pointer}.sidebarItem img{width:30px}.upload__container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.upload__content{height:700px;background-color:#262626;padding:20px;border-radius:10px;width:700px;text-align:center}.upload__section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:200px;gap:20px}.image__icon{height:100px!important;width:100px!important}.upload__close{position:absolute;top:10px;right:20px;font-size:24px;cursor:pointer}.file_upload_label{display:inline-block;padding:10px 20px;cursor:pointer;background-color:#007bff;color:#fff;border-radius:5px;font-weight:bolder}.file_upload_input{display:none}.upload__section button{cursor:pointer;color:#fff;padding:10px 20px;background-color:transparent;outline:none;border:1px solid gray;font-weight:bolder}.upload__p{font-size:20px}.caption{color:#fff;font-size:15px;padding:10px;background-color:transparent;border:1px solid gray;border-radius:50px;outline:none}.feed{flex:.61;display:flex;flex-direction:column;align-items:center}.stories{max-width:700px;display:flex;overflow-x:auto;white-space:nowrap;padding:1vw;gap:10px;margin-top:10px}.stories::-webkit-scrollbar{display:none}.story{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.story p{color:#fff;font-size:15px}.story__img{width:80px;height:80px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center}.story__img img{width:100%;height:100%;border-radius:50%;object-fit:cover}.post{width:600px;height:fit-content;padding:10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid lightgray;margin-top:20px}.post__header{display:flex;align-items:center;gap:10px}.post__header h2{font-size:20px}.post__img{width:100%;height:500px;object-fit:contain}.actions{display:flex;gap:5px;align-items:center;position:relative}.actions img{width:30px}.like__icon{display:flex}.heart__icon{width:30px!important;height:30px!important}.save__icon{position:absolute;right:0}.likes{color:#fff;font-size:15px;font-weight:700}.post>p>span{font-weight:700;font-size:15px}.post>p{font-size:15px}.post__info{color:#fff}.add__comment{display:flex;justify-content:space-between;align-items:center}.add__comment>input{outline:none;border:none;background:transparent;padding:2px 0;font-size:15px;flex:1}.submit__comment{cursor:pointer;background-color:transparent;padding:5px;border:none;outline:none;border-radius:50px;font-size:15px;font-weight:bolder}.post img{cursor:pointer}.post__info>span{margin-right:5px}.post__profileImg{display:flex;align-items:center;justify-content:center;object-fit:contain}.hidden{display:none}.comment{display:flex;align-items:center;padding:10px 0;overflow:auto}.comment__info{margin-left:10px;display:flex;flex-direction:column;gap:3px}.comment__info h4{font-size:15px;font-weight:600}.comment__info p{font-size:14px}.comment__profileImg{display:flex;align-items:center;justify-content:center}.comment .hidden{display:none}.widgets{flex:.2;padding-top:20px;margin-right:30px}.profiles{display:flex;align-items:center;gap:1vw;position:relative;padding:10px 0;cursor:pointer}.profiles button{cursor:pointer;position:absolute;right:0;background-color:transparent;outline:none;border:none;color:#008096;font-weight:bolder}.profiles h2{font-size:15px}.widgets p{font-size:13px}.widgets__avatar{display:flex;align-items:center;justify-content:center}.login{width:100vw;height:100vh;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center}.login__container{display:flex;flex-direction:column;border:1px solid lightgray;padding:100px;gap:50px}.login__container>form{display:flex;flex-direction:column;gap:20px;width:300px}.login__container>form>button{background-color:#008096;border:none;padding:10px;border-radius:10px;font-size:15px;cursor:pointer}.login__container>form>input{padding:10px;background-color:#faf9f9;color:#000;outline:none;border:1px solid lightgray;font-size:15px}.forgot__pass{color:#00f;cursor:pointer}.sign__up{color:#008096;font-weight:bolder;cursor:pointer}form>p{color:#000}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto;color:#fff}html,body{background-color:#000}p{color:#a8a8a8}@media (max-width: 600px){.login__container{width:90vw;padding:10vw}.login__container>img{width:70vw}.login__container>form>input{width:70vw;font-size:5vw;padding:1vw}.login__container>form>button{width:70vw;font-size:5vw;padding:1vw}.forgot__pass,.signUp__p,.sign__up{font-size:4vw}}@media (max-width: 1200px){.logo,.sidebarItem p{display:none}.sidebar{flex:0;padding:2vw}.feed{flex:.8}.upload__content{width:500px}}@media (max-width: 650px){.upload__content{width:300px;margin-top:100px;height:fit-content}.upload__section{margin-top:50px}}@media (max-width: 400px){.upload__content{width:fit-content;margin-top:100px;height:fit-content}}@media (max-width: 1100px){.widgets{display:none}.feed{flex:1}}@media (max-width: 750px){.stories,.post{width:70vw}}@media (max-width: 450px){.story__img{width:50px;height:50px}.sidebar{padding-top:20px}.sidebar img{width:25px}.profile__img{width:25px!important;height:25px!important}.post__header h2{font-size:20px}.post__profileImg{width:30px!important;height:30px!important}.post__profileImg{font-size:15px!important}.actions img{width:20px}.heart__icon{width:23px!important;height:23px!important}.add__comment input,.submit__comment{font-size:3vw}}