body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{overflow:scroll;scroll-snap-type:y mandatory;text-align:center}.App::-webkit-scrollbar{display:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.signUpCard{margin-top:5rem;width:26rem}.signUpWrapper{display:flex;justify-content:center}.login-btn-cont{margin-bottom:.5rem}.css-1l9sosn-MuiButtonBase-root-MuiButton-root{width:100%}.css-1yo1jo6-MuiStack-root{width:10rem}.feed{justify-content:center;overflow:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.container,.feed{align-items:center;display:flex;flex-direction:column}.container{width:80%}.outer-shell{align-items:center;display:flex;flex-direction:column;height:38rem;overflow:auto;scroll-snap-type:y mandatory;scrollbar-width:none;width:50rem}.feed::-webkit-scrollbar,.outer-shell::-webkit-scrollbar{display:none}.main-box{border:2px solid #d2d2d2;border-radius:.4rem;display:flex;height:34rem;justify-content:space-between;margin:2rem;width:91%}.vid-cont{display:flex;justify-content:center;padding:1rem;width:55%}.video{border-radius:1rem;height:100%;width:270px}.post-info-cont{display:flex;flex-direction:column;padding:.5rem;width:45%}.profile-pic{border:1px solid #d2d2d2;border-radius:100%;height:4rem;margin-right:1rem;width:4rem}.user-name-cont{height:5rem;margin:.5rem 0}.post-likes-cont,.user-name-cont{align-items:center;display:flex;justify-content:flex-start;padding:0 .5rem}.post-likes-cont{height:2rem;margin:0 .5rem}.user-name-cont h2{font-size:1.5rem}.post-like{font-size:1.2rem;margin-left:1rem}.post-comments-cont{display:flex;flex-direction:column;height:22rem;justify-content:flex-start;margin:.5rem;padding:0 .5rem}.post-comments-cont h4{font-size:1.2rem;margin:0}.post-comment{height:auto;overflow:auto;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.post-comment::-webkit-scrollbar{display:none}.comment-box{border:1px solid #d2d2d2;border-radius:1rem;margin:.5rem 0;padding:.5rem}.comment,.comment-user-name{font-size:.9rem}.comment{word-wrap:break-word;margin:0;padding-left:.5rem}.comment-input-cont{margin:1rem 0;width:96%}.comment-input{border:1px solid #d2d2d2;border-radius:.5rem;height:2rem;padding-left:1rem;width:98%}.comment-input:focus{outline:none}.normal{color:#c6c6c6;cursor:pointer}.likeBtn{color:red;cursor:pointer}@media (max-width:480px){.outer-shell{width:25rem}.main-box{align-items:center;display:flex;flex-direction:column;height:auto;padding:0;position:relative}.vid-cont{margin-top:5rem;padding:0;width:90%}.video{height:30rem;width:17rem}.post-info-cont{height:auto;padding:0;width:90%}.profile-pic{height:3rem;width:3rem}.user-name-cont{height:3rem;left:2rem;margin:0;position:absolute;top:1rem}.post-likes-cont{padding:0 1rem}.post-comments-cont{height:10rem}.post-comments-cont h4{padding:0 1rem}.comment-input-cont{margin:.5rem 0}}@media (min-width:481px) and (max-width:767px){.outer-shell{width:44rem}}@media (min-width:768px) and (max-width:1024px){.container{width:90%}}.navbar{background-color:#f6f6f6;border-radius:.3rem;flex-direction:row;margin:.5rem;padding:0 1rem;width:100%}.left-content,.navbar{align-items:center;display:flex;justify-content:space-between}.left-content{padding:.5rem;width:25rem}.logo{cursor:pointer;height:4rem;margin-right:.5rem;width:15rem}.small-logo{display:none;height:4rem;width:4rem}.right-content{align-items:center;display:flex;justify-content:space-between;padding:0 1rem;width:16rem}.avatar-cont,.logout-cont{cursor:pointer}@media (max-width:480px){.container{width:100vw}.navbar{padding:0}.left-content{width:auto}.upload-cont{width:8rem}.css-1l9sosn-MuiButtonBase-root-MuiButton-root{font-size:1rem;height:3rem;width:5rem}.logo{display:none}.small-logo{display:block}.right-content{width:6rem}.right-content h4{display:none}}@media (min-width:481px) and (max-width:767px){.container{width:93%}}.user-box{align-items:center}.updated-box,.user-box{display:flex;flex-direction:column}.updated-box{height:100%;position:relative}.update-action-box{display:flex;justify-content:space-between;margin:1rem}*{margin:0;padding:0}.user-box-cont{background-color:#9d9d9d;border-radius:.4rem;display:flex;height:16rem;margin:1rem;padding:.5rem;width:850px}.user-profile-cont{align-items:center;display:flex;justify-content:center;margin:.5rem;width:250px}.user-profile{border-radius:.4rem;height:14rem;width:14rem}.user-detail-cont{border-radius:.4rem;margin:.5rem;padding:.5rem;position:relative;width:600px}.user-name{font-size:2rem;margin-bottom:.5rem}.user-about{height:7rem;margin-bottom:.5rem;max-height:130px;overflow:auto}.user-emailAndTime-cont{display:flex;justify-content:space-between}.user-setting{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;position:absolute;right:0}.postbox{border:2px solid #d2d2d2;border-radius:1rem;display:flex;flex-wrap:wrap;justify-content:start;margin:1rem;padding:.5rem;width:100%}.post-cont{align-items:center;display:flex;justify-content:center;margin:.5rem}.post{border-radius:.8rem;height:300px;width:169px}.loginCard{margin-top:5rem;width:26rem}.loginWrapper,.logo-cont{display:flex;justify-content:center}.logo-img{height:8rem;width:15rem}.subtitle{color:gray}.css-x4wfr5-MuiTypography-root,.subtitle{text-align:center}.login-btn-cont{display:flex;justify-content:center;margin-top:1rem;width:100%}.login-btn{border:3px solid red}
/*# sourceMappingURL=main.4d7bc54b.css.map*/