@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);@import url(https://use.fontawesome.com/releases/v5.0.8/css/all.css);body{--bgColor:#f8f8f8;--innerBoxBgColor:#fff;--textColor:#111}#registerImage{display:flex;width:100%}#registerImage>img{border-radius:100%;width:3vmax}#registerImage>input{padding:0}#registerImage>input::-webkit-file-upload-button{background-color:#fff;border:none;color:rgba(0,0,0,.623);cursor:pointer;font:400 .8vmax cursive;height:5vh;margin:0;padding:0 1vmax;-webkit-transition:all .5s;transition:all .5s;width:100%;z-index:2}#registerImage>input::file-selector-button{background-color:#fff;border:none;color:rgba(0,0,0,.623);cursor:pointer;font:400 .8vmax cursive;height:5vh;margin:0;padding:0 1vmax;transition:all .5s;width:100%;z-index:2}#registerImage>input::-webkit-file-upload-button:hover{background-color:#ebebeb}#registerImage>input::file-selector-button:hover{background-color:#ebebeb}.col-9{margin-top:0}.DialogBox{height:60vh;min-width:350px;padding:2vmax}.comments:hover,.likes:hover{cursor:pointer}.caption{color:#999}.commentForm{display:flex;flex-direction:column;margin:1vmax}.commentForm>input{border:1px solid rgba(0,0,0,.288);border-radius:30px 0 0 30px;font:100 1vmax Roboto,sans-serif;outline:none;padding:1vmax 2vmax;width:100%}.commentForm>button{border-radius:0}.col-3{margin-top:20px;padding:15px;position:-webkit-sticky;position:sticky;top:90px;width:20%}.col-3 h4{color:#646464}.col-3 .card{display:inline-block;margin-bottom:20px;max-height:50vh;overflow-y:scroll;position:relative;width:100%}.col-3 .card::-webkit-scrollbar{width:0}.col-3 .card .top{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.col-3 .card .top a{color:#1d92ff}.col-3 .card .bottom{padding:10px 20px}.col-3 .card .top .userDetails{align-items:center;display:flex;width:100%}.col-3 .card .top .userDetails h3{color:#4d4d4f;font-size:16px;font-weight:500;line-height:1em}.col-3 .card .top .userDetails h3 span{font-size:.75em}.col-9 .card{background:#fafafa;display:inline-block;margin-bottom:20px;position:relative;width:100%}.col-9 .card .top{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.col-9 .card .bottom{padding:10px 20px}.col-9 .card .top .userDetails{align-items:center;display:flex;width:100%}.profilepic{cursor:pointer;display:inline-block}.profilepic .profile_img{height:30px;margin-right:8px;padding:2px;width:30px}.profilepic .profile_img,.profilepic .profile_img .image{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;overflow:hidden}.profilepic .profile_img .image{height:100%;position:relative;width:100%}.cover,.profilepic .profile_img img{height:100%;object-fit:cover;width:100%}.cover{border-radius:4px;left:0;position:absolute;top:0}.col-9 .card .top .userDetails h3{color:#4d4d4f;font-size:16px;font-weight:500;line-height:1em}.col-9 .card .top .userDetails h3 span{font-size:.75em}.dot{cursor:pointer;-webkit-transform:scale(.6);transform:scale(.6)}.imgBx{margin:10px 0 15px;min-height:400px;position:relative;width:100%}.actionBtns{align-items:center;display:flex;justify-content:space-between}.actionBtns svg{cursor:pointer}.actionBtns .left svg{margin-right:8px}.likes{color:#4d4d4f;font-weight:500}.likes,.message{font-size:14px;margin-top:5px}.message{color:#777;font-weight:400;line-height:1.5em}.message b{color:#262626}.message span{color:#1d92ff;cursor:pointer}.comments{color:#999;font-weight:400;margin-top:10px}.addComments{align-items:center;border-bottom:1px solid #ddd;display:flex;margin-top:5px;padding:10px 0}.addComments a{color:#1d92ffcb;font-weight:500}.addComments p:hover{cursor:pointer}.addComments .reaction{color:#585858;font-size:1.3rem;margin-right:10px;position:relative}input.text{background:none;border:none;color:#262626;font-size:14px;font-weight:400;outline:none;width:100%}input.text::-webkit-input-placeholder{color:#777}input.text::placeholder{color:#777}.postTime{color:#a3a3a3;font-size:12px;font-weight:lighter;margin-top:8px;text-transform:uppercase}a{text-decoration:none}.hidden{display:none}.footer{width:inherit}@media screen and (max-width:1000px){.col-9{background:#fafafa;width:100%}.col-3{display:none}}@media screen and (max-width:600px){.container{width:100%!important}.navbar .container{padding:15px 10px!important}.col-9{margin-top:4px;min-width:100%}.col-9 .card,.statuses{margin-bottom:0}.col-9 .card{border:none;width:100%}.imgBx{margin:10px 0 15px;min-height:400px;position:relative;width:100%}.searchbar{display:none}}.footer .footer-section{color:#999;font-family:sans-serif;font-size:14px;margin-left:.5rem}.footer a:hover{color:red}.homeUser{align-items:center;color:rgba(0,0,0,.507);display:flex}.homeUser img{border:3px solid #ffc9c9;border-radius:100%;height:2.2vmax;margin:.5vmax;min-height:30px;min-width:30px;width:2.2vmax}.commentUser{align-items:center;color:rgba(0,0,0,.507);display:flex;justify-content:space-between}.commentUser>.leftSide>a{align-items:center;align-self:flex-start;color:#000;display:flex;text-decoration:none;transition:all .5s}.commentUser img{border-radius:100%;height:2vmax;margin:.8vmax;min-height:30px;min-width:30px;width:2vmax}.commentUser>.rightSide>button{color:tomato}.leftSide,.rightSide{display:flex}.loading{background-color:#fff;display:grid;height:100vh;max-width:100%;place-items:center;width:100vw}.loading>div{-webkit-animation:loadingRotate .8s linear infinite;animation:loadingRotate .8s linear infinite;border-bottom:5px solid rgba(0,0,0,.719);border-radius:50%;height:10vmax;width:10vmax}@-webkit-keyframes loadingRotate{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes loadingRotate{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.newPost{background-image:linear-gradient(90deg,#fff5bc,#cec1ff);justify-content:center;min-height:100vh}.newPost,.newPostForm{align-items:center;box-sizing:border-box;display:flex;padding:2vmax}.newPostForm{background-color:#fff;border-radius:30px;flex-direction:column}.newPostForm>img{max-height:49vh;max-width:100%;object-fit:cover}.newPostForm>h3{margin:2vmax}.newPostForm>input[type=text]{border:none;border-radius:30px;font:100 1.2rem Roboto,sans-serif;outline:none;padding:1vmax;width:100%}.newPostForm>input[type=file]{border-radius:30px;margin:2vmax}.newPostForm>input[type=file]::-webkit-file-upload-button{border:none;border-radius:30px;color:#1976d2;font:100 1.2rem Roboto,sans-serif;padding:1vmax;width:100%}@media screen and (max-width:600px){.newPostForm{width:100%}.newPostForm>input{font:100 1.2rem Roboto,sans-serif;margin:4vw;padding:4vw 8vw}.newPostForm>input[type=file]{width:100%}.newPostForm>input[type=file]::-webkit-file-upload-button{width:70%}}*,:after,:before{box-sizing:border-box}.main{display:flex}img{display:block}.container{margin:0 auto;max-width:935px;padding:0 20px}.profile{padding:50px 0}.profile:after{clear:both;content:"";display:block}.profile-image{align-items:center;display:flex;float:left;justify-content:center;margin-right:30px;width:33%}.profile-image img{border-radius:50%;height:150px;width:150px}.profile-bio,.profile-stats,.profile-user-settings{float:left;width:66%}.profile-user-settings{margin-top:11px}.profile-user-name{display:inline-block;font-size:26px;font-weight:300}.profile-edit-btn{border:1px solid #dbdbdb;border-radius:3px;cursor:pointer;display:inline-block;font-size:14px;line-height:1.8;margin-left:20px;padding:0 24px}.profile-settings-btn{cursor:pointer;display:inline-block;font-size:18px;margin-left:10px;overflow-x:hidden}.profile-stats{margin-top:23px}.profile-stats li{cursor:pointer;display:inline-block;font-size:16px;line-height:1.5;margin-right:40px}.profile-stats li:last-of-type{margin-right:0}.profile-bio{font-size:16px;font-weight:400;line-height:1.5;margin-top:23px}.profile-edit-btn,.profile-real-name,.profile-stat-count{font-weight:600}.gallery{display:flex;flex-wrap:wrap;margin:-10px;padding-bottom:30px}.gallery-item{color:#fff;cursor:pointer;flex:1 0 220px;margin:10px;max-height:300px;position:relative}.gallery-item:hover .gallery-item-info{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.gallery-item-info{display:none}.gallery-item-info li{display:inline-block;font-size:17px;font-weight:600}.gallery-item-likes{margin-right:22px}.gallery-item-type{font-size:25px;position:absolute;right:10px;text-shadow:2px 2px 2px rgba(0,0,0,.1);top:10px}.fa-clone,.fa-comment{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.gallery-image{height:100%;object-fit:cover;width:100%}.spinner{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;border:6px solid;border-color:#999 #999 transparent;border-radius:50%;height:50px;margin:0 auto;width:50px}@media screen and (max-width:450px){.followBtn{margin-bottom:10px;width:100%}.profile{display:flex;flex-wrap:wrap;padding:40px 0}.profile:after{display:none}.profile-bio,.profile-image,.profile-stats,.profile-user-settings{float:none;width:auto}.profile-image img{height:77px;width:77px}.profile-user-settings{display:flex;flex-basis:calc(100% - 107px);flex-wrap:wrap;justify-content:space-between;margin-top:10px}.profile-user-name{font-size:22px}.profile-edit-btn{margin-left:0;margin-top:10px;order:1;padding:0;text-align:center}.profile-bio{font-size:14px;margin-top:15px}.profile-bio,.profile-edit-btn,.profile-stats{flex-basis:100%}.profile-stats{margin-top:15px;order:1}.profile-stats ul{border-bottom:1px solid #dadada;border-top:1px solid #dadada;display:flex;padding:12px 0;text-align:center}.profile-stats li{flex:1 1;font-size:14px;margin:0}.profile-stat-count{display:block}}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@supports (display:grid){.profile{grid-column-gap:30px;align-items:center;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(3,auto)}.profile-image{grid-row:1/-1}.gallery{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gallery,.gallery-item,.profile-bio,.profile-image,.profile-stats,.profile-user-settings{margin:0;width:auto}@media (max-width:450px){.profile{grid-row-gap:15px;grid-template-columns:auto 1fr}.profile-user-settings{grid-gap:10px;grid-template-columns:auto 1fr}.profile-bio,.profile-edit-btn,.profile-stats{grid-column:1/-1}.profile-bio,.profile-edit-btn,.profile-settings-btn,.profile-stats,.profile-user-settings{margin:0}}}.postOpen{display:flex;overflow-y:hidden}.imgBox{background:#000;display:flex;height:100%;width:50%}.imgBox img{margin:auto;width:100%}.rightBox{display:flex;flex-direction:column;width:50%}.rightTop{margin-bottom:103.6px;top:0;width:100%}.rightTop::-webkit-scrollbar{width:0}.rightBottom{background:#fff;bottom:0;position:absolute;width:50%;z-index:99}.middle{top:auto}.updateProfile{justify-content:center}.updateProfile,.updateProfileForm{align-items:center;box-sizing:border-box;display:flex}.updateProfileForm{background-color:#fff;border-radius:30px;flex-direction:column;padding:1vmax;width:50%}.updateProfileInputs{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font:100 1rem Roboto,sans-serif;margin:8px;outline:none;padding:1vmax 3vmax}.updateProfileForm>input[type=file]{border-radius:30px;margin:9px}.updateProfileForm>input[type=file]::-webkit-file-upload-button{border:none;border-radius:6px;color:#1976d2;cursor:pointer;font:100 1.2rem Roboto,sans-serif;padding:.8vmax;width:100%}@media screen and (max-width:420px){.updateProfile{width:70vw}.updateProfileForm{width:100%}.updateProfileForm>input{font:100 1rem Roboto,sans-serif;margin:4vw;padding:2vw 5vw}.updateProfileForm>input[type=file]{width:100%}.updateProfileForm>input[type=file]::-webkit-file-upload-button{width:70%}}
/*# sourceMappingURL=main.72abe524.css.map*/