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}body{background-color:#fff}.loginpage_main{display:flex;margin:25px}.loginpage_logo{margin:25px;width:175px}.loginpage_right{border:1px solid #dbdbdb;height:380px;margin-top:40px;position:relative;text-align:center;transition:ease-in;width:350px}.phones{left:-300.2px;position:absolute;top:-16px;transition:ease-in ease-in-out;width:242px}.loginpage_text{background-color:#fafafa;border:1px solid #cccaca;border-radius:5px;height:36px;margin:5px;outline:none;padding-left:10px;width:258px}.loginpage_text:focus{border:1px solid #d3d0d0}.login_button{background-color:#0395f6;border:1px solid #0395f6;border-radius:5px;color:#fff;font-weight:700;height:36px;margin-top:5px;width:270px}.login_button:hover{background-color:#067ac8;cursor:pointer}.login_ordiv{display:flex;justify-content:center;margin-top:10px}.login_space{border:1px solid #dbdbdb;height:0;margin-top:10px;width:80px}.login_or{color:#8e8e8e;font-weight:700;margin:0 10px}.login_fb{align-items:center;color:#395185;display:flex;font-weight:700;justify-content:center;margin-top:30px}.login_fb a{color:#385185;text-decoration:none}.login_forgot{color:#385185;font-size:12px;line-height:14px;margin-top:12px;text-align:center}.login_forgot a{color:#385185;text-decoration:none}.loginpage_signupoption{background-color:#fff;border:1px solid #dbdbdb;height:56px;margin-top:25px;text-align:center;width:350px}.loginpage_signin{margin-top:20px}.loginpage_signin a{text-decoration:none}.loginpage_signup{margin-top:20px}.loginPage__downloadSection{height:105px;margin-top:20px;text-align:center;width:350px}.loginpage_option{margin-top:20px}.loginpage_dwimg{cursor:pointer;margin:5px}.loader{-webkit-animation:round 1s infinite;animation:round 1s infinite;border:2.5px dashed #fff;border-radius:50%;height:15px;left:170px;position:absolute;top:230px;width:15px}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}section{border-left:1px solid #dbdbdb}.posts,.suggestion{display:flex;padding:30px 0}.suggestion{display:flex;flex-direction:column}.suggestion_user{align-items:center;color:#aeabab;font-weight:500}.stories-body{display:flex;margin:10px;overflow-x:auto;padding:10px;width:690px}.stories-body::-webkit-scrollbar{display:none}#story{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100px}.story a{color:#000;overflow:hidden;text-decoration:none}.story img{border:2px solid #ef5353;border-radius:50%;margin-right:30px;padding:2px}.story img:hover,.username{cursor:pointer}.username{margin-top:0}.user{align-items:center;cursor:pointer;display:flex;justify-content:center}.user div h4{font-size:16px;font-weight:600;margin-bottom:-15px;overflow-y:hidden;width:100px}.user div p{color:#989797}.user button{background-color:initial;border:none;color:#0395f6;margin-left:70px}.suggestion_user{position:relative}.suggestion_user span button{background-color:initial;border:none;color:#0395f6;position:absolute;right:0;top:14px}.suggestion_user span button:hover,.user button:hover{color:#2e2d2d;cursor:pointer}.suggestion_user p{font-size:14px}.suggestions_user_show{margin-bottom:5px}.suggestions_user_show img{height:40px;width:40px}.suggestions_user_show button{margin-left:81px}.recent-post-body{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;padding:20px 90px}.recent-post{width:100%}.head{align-items:center;display:flex;justify-content:space-between;position:relative}.head .userprofile{border-radius:50%;height:40px;width:40px}.head img:hover{cursor:pointer}.head .edit{right:0;width:50px}.edit2,.head .edit{position:absolute;top:20px}.edit2{right:28px;width:25px}.post-like,.post-like-red{height:30px;margin-left:-15px;margin-right:30px;margin-top:10px;width:50px}.share{margin-left:-35px}.head span{color:grey;font-weight:700;margin-left:5px}.head span p{color:#363434;margin:0 8px}.head span p:hover{color:grey;cursor:pointer}.media,.media img{height:550px;width:520px}.media img{border-radius:5px}.viewcomment{color:#a4a3a3;cursor:pointer}.addComment{border:none;color:#000;outline:none;padding:5px}.comment{--display:none;align-items:center;display:flex;justify-content:space-between;margin-top:15px}.addComment:focus,.postbtn{border:none}.postbtn{align-items:flex-end;background-color:initial;color:#0395f6;cursor:pointer;font-size:16px;font-weight:700;margin-left:300px}.comment-hide{max-height:80px;overflow:hidden}.model{background-color:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:12}.model-content{background-color:#fff;border-radius:20px;left:40%;position:fixed;text-align:center;top:20%;-webkit-transform:translateX(50%,50%);transform:translateX(50%,50%);width:350px}.model-content p{border-bottom:1px solid #d1caca;color:#464444;cursor:pointer;margin:0;padding:10px}.model-content p:last-child{border-bottom:none}.model-content .selected{color:#f45555;font-weight:500;text-decoration:none}.openModel{display:inline;display:initial}#show-post{height:550px;top:5%;width:60vw}#post-image img{border-radius:5px;height:450px;margin-top:15rem;width:300px}.comments{border-top:1px solid #c5c0c0;height:380px;overflow:auto;padding:20px;text-align:left;width:400px}.comment-body{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto}.comments::-webkit-scrollbar{display:none;scrollbar-color:#cdc6c6}.comments img{border-radius:50%;height:25px;width:25px}.comments-user{align-items:center;display:flex;justify-content:flex-start}.comments-user p{border:none;text-align:left}.comment-inputs{align-content:start;border-top:2px solid #c1bbbb;display:flex;justify-content:start;padding:5px 10px}.comment-inputs input{border:none;outline:none;padding:8px;width:95%}.comment-inputs button{background-color:#0395f6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;width:60px}.cross{color:#d1cbcb;cursor:pointer;font-size:20px;padding:20px;text-align:right;z-index:12}.navbar{float:left;height:100vh;margin-right:20px;position:relative;width:15.5rem}.navbar .navbar_logo{padding:35px 30px 10px;position:fixed;width:105px}.navbar_menu{list-style-type:none;position:fixed;top:90px}.navbar_menu a{color:#464545;text-decoration:none}li,span{align-items:center;display:flex;margin-bottom:5px;margin-left:-15px;padding:5px 10px;width:8rem}span{margin-left:15px}.profile{border:1px solid #dbdbdb;border-radius:50%;height:25px;padding:2px;width:25px}li span:active{color:#000;font-weight:700}li:active,li:hover{background-color:#f5f5f5;border-radius:50px;cursor:pointer;font-weight:500;width:100%}.title{border-bottom:1px solid #c0baba;font-weight:500}.files{align-self:center;display:flex;flex-direction:column;height:240px;justify-content:center;padding:40px}.files img{height:50%;margin:10px auto;width:50%}.cancel{border-top:1px solid #c0baba}.nextbtn{align-items:right;background-color:#0c8de3;border:none;border-radius:5px;color:#fff;display:none;font-weight:500;margin-bottom:10px;margin-top:-50px;padding:10px 50px}.nextbtn:hover{background-color:#0c65a1;cursor:pointer}.upload{border-right:1px solid #c9c4c4}.create-post{display:flex;left:25%;top:20%;width:700px}.userProfile{align-items:center;display:flex;justify-content:flex-start;padding:20px}.userProfile img{border-radius:50%;height:30px;width:30px}.desc textarea{height:174.4px;padding:20px}.desc input,.desc textarea{border:none;outline:none;width:80%}.desc input{border-top:2px solid #bcb8b8;height:20px;padding:10px}.share a{color:#0c8de3!important;text-decoration:none}.desc,.share a{font-weight:550}.desc{color:#8e8e8e;font-size:18px;padding:10px}.signup_style{margin-top:-20px}.signup-height{height:500px}.signup_margin{margin-bottom:-20px}.signupbtn{align-items:center;display:flex;justify-content:center;margin-left:40px}.facebook{font-size:22px;margin-right:10px}.main_account{border-left:1px solid #aba7a7}.account{display:flex;flex-direction:column}.user_account{margin-left:4rem;width:100%}.account_details,.user_account{display:flex;justify-content:center}.account_details{border-bottom:1px solid #aeacac;color:#262626;padding:20px 70px}.account_details img{border:2px solid #b8b1b1;border-radius:50%;height:150px;margin-right:1rem;width:150px}.details{align-items:center;color:#262626;display:flex;justify-content:center}.details p{font-size:22px}.details button{background-color:#efefef;border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-left:20px;margin-right:10px;padding:10px}.action{border-bottom:1px solid #aeacac;flex-direction:column;margin-right:10px}.action,.followers{align-items:flex-start;display:flex;justify-content:flex-start}.followers{margin-left:-26px}.followers strong{color:#262626;margin-right:4px}.account_activity{align-items:center;display:flex;justify-content:space-evenly;margin:20px 20px 20px 6rem}.account_activity a{color:#262626;text-decoration:none}.postsByuser{align-items:center;border-left:1px solid #d3d1d1;justify-content:center;margin-left:16.72rem}.post{margin-left:50px;margin-top:-30px}.post img{align-items:center;height:300px;justify-content:center;padding:10px;width:300px}.post img:hover{cursor:pointer;opacity:.8}.post video{height:400px;padding:10px;width:250px}.post video:hover{opacity:.8}.update{align-items:center;border-left:1px solid #cac4c4;padding:30px;width:60%}.update,.update_inputs{display:flex;justify-content:center}.update_inputs{border:1px solid #b9b7b7;border-radius:5px;flex-direction:column;margin-left:8rem;padding:20px;width:100%}.update_inputs img{border:2px solid #ef6a6a;border-radius:50%;height:100px;padding:2px;width:100px}.profile_img{font-size:18px;justify-content:center}.input_fields,.profile_img{align-items:center;display:flex;flex-direction:column}.input_fields{justify-content:end}.input_fields div p{color:#5c5a5a;font-size:18px;font-weight:700}.input_fields div input{border:1px solid #c4bfbf;border-radius:5px;display:flex;outline:none;padding:8px;width:20rem}.input_fields div input:focus{border:1px solid #9c9a9a}.input_fields div button{background-color:#067ac8;border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:500;margin:20px 0;padding:8px}.input_fields div button:hover{background-color:#0668aa;cursor:pointer}.explore{padding:50px 20px 20px}
/*# sourceMappingURL=main.0e6c644f.css.map*/