@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.interactions-container{display:flex;height:30px;line-height:30px;width:100%}.likes{margin-left:auto;margin-right:10px}.likes i{margin:0 5px}.like{cursor:pointer}.like-loader{height:5px!important;margin-top:12px!important;width:5px!important}.like-loader div{background-color:#000}.button-secondary{background-color:#fff;border:2px solid #000;border-radius:100px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);color:#1a202b;font-weight:700;padding:5px}.button-secondary:hover{cursor:pointer}.comment-composer{margin:10px 0 10px 5%;width:95%}.comment-composer form{display:flex;flex-direction:row}.comment-composer-body{height:25px;line-height:25px;min-height:25px;resize:none;width:calc(100% - 100px)}.comment-composer-operations{width:20%}.submit-comment{font-size:12px;height:25px;margin:auto;opacity:0;padding:0!important;transition:visibility .5s;transition:opacity .5s;visibility:hidden;width:80px}.comment-create-loader-container{position:relative}.comment-create-loader{height:6px!important;left:-50px;position:absolute;top:10px;width:6px!important}.button-primary{background-color:#1c1c21;border-color:#1c1c21;border-radius:100px;border-style:solid;box-shadow:0 8px 24px hsla(210,8%,62%,.2);color:#f0f0f0;font-size:14px;font-weight:700;padding:5px}.button-primary:hover{cursor:pointer}.notifications{height:50px;width:50px}.notifications-button{background-color:transparent;border:none;cursor:pointer;font-size:20px;height:100%;outline:none;position:relative;width:100%}.unread{background-color:#c00000;border-radius:100%;height:10px;left:26px;position:absolute;top:12px;width:10px}.notifications-background{background-color:rgba(0,0,0,.05);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:49}.notifications-popup{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;height:400px;margin-left:-160px;overflow:scroll;position:relative;width:300px;z-index:50}.notification-item{align-items:center;border-bottom:1px solid #f3f3f3;display:flex;flex-direction:row;height:50px;width:290px}.notification-item-avatar{height:40px;margin:5px;width:40px}.notification-details{display:flex;flex-direction:column;height:100%;justify-content:center;width:210px}.notification-details-line{cursor:pointer;font-size:12px;height:18px;line-height:18px;padding-left:10px;text-align:left;width:100%}.notification-text{color:#969696;font-size:10px}.notification-item-unread{background-color:#c00000;border-radius:100%;height:10px;margin:auto;width:10px}.notifications-empty{color:#969696;font-size:10px;text-align:center;width:100%}.delete-button{background-color:transparent;border:none;outline:none;padding:0;text-align:center}.delete-button:hover{cursor:pointer}.post-compose{display:flex;flex-direction:column;margin:10px 4%;max-height:800px;position:relative}.post-compose,.post-creating-loader{background-color:#fff;border-radius:15px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);overflow:hidden;width:92%}.post-creating-loader{height:225px;margin:20px 4%}.post-creating-animation{-webkit-animation:AnimationName 1.5s ease-in infinite;animation:AnimationName 1.5s ease-in infinite;background:linear-gradient(182deg,#dadada,#c7c7c7);background-size:400% 400%;height:100%;width:100%;z-index:1}.post-image-preview{display:flex;flex-direction:column;justify-content:center;margin-bottom:-20px;max-height:420px;width:100%;z-index:0}.post-image-preview img{height:auto;margin:auto;width:100%}.post-compose form{align-items:center;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:space-evenly;min-height:100%;padding:20px;width:calc(100% - 40px);z-index:1}.file-upload{background-color:#fff;border-radius:100px;border-style:solid;border-width:2px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);color:#1a202b;font-size:12px;font-weight:700;height:32px;line-height:32px;margin-left:auto;margin-right:20px;text-align:center;width:110px}.file-upload label:hover{cursor:pointer}.compose-body{word-wrap:break-word;border:0;font-family:Roboto,sans-serif;min-height:25px;width:100%}.compose-operations{display:flex;width:100%}.cancel-button{font-size:12px;height:34px;opacity:0;transition:opacity .5s;transition:visibility .5s;visibility:hidden;width:70px}.submit-post{height:36px;width:80px}input[type=file]{display:none}.unsupported-container{align-items:center;background-color:#252525;color:grey;display:flex;flex-direction:column;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:1000}.unsupported-main{font-size:14px;margin:5px 0;text-align:center;width:100px}.unsupported-text{word-wrap:break-word;height:auto;text-align:center;width:100px}@-webkit-keyframes rays{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rays{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.rays:after,.rays:before{border-radius:100%;content:"";position:absolute}.rays:after{-webkit-animation:rays 1.5s infinite;animation:rays 1.5s infinite;border:10px solid #000;height:100px;width:100px}.rays:before{background:#000}.rays,.rays:before{height:20px;width:20px}.rays{align-items:center;display:flex;justify-content:center;margin:calc(15vh + 200px) auto auto}.hamburger{height:50px;width:50px}.hamburger-button{background-color:transparent;border:none;font-size:25px;height:100%;margin:auto;outline:none;padding:0;text-align:center;width:100%}.hamburger-background{background-color:rgba(0,0,0,.05);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:49}.hamburger-menu{background-color:#fff;border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;height:350px;position:relative;width:300px;z-index:50}.hamburger-nav-item{border-bottom:1px solid #f3f3f3;height:50px;line-height:50px;margin:0 auto;width:85%}.hamburger-search{height:60px;margin:10px auto 0}.hamburger-sign-out{font-size:12px;height:35px;margin:auto auto 10px;width:80px}.comment{align-items:center;display:flex;flex-direction:row;margin-left:5%;margin-top:5px;position:relative;width:95%}.comment-avatar{border-radius:100px;height:30px;width:30px}.author{color:grey;font-size:12px}.comment-text{word-wrap:break-word;height:auto;margin-left:5px;width:calc(100% - 80px)}.timestamp{font-size:10px}.comment-body{font-size:14px;line-height:25px;margin-left:auto;min-height:25px;width:98%}.comment-delete{margin-left:auto;width:20px}.comment-deleting-loader-container{background-color:green;position:relative;width:40px}.comment-deleting-loader{height:5px!important;position:absolute;right:2px;width:5px!important}.comment-deleting-cover{background-color:rgba(0,0,0,.05);border-radius:10px;height:100%;left:-2%;position:absolute;width:104%;z-index:10}.follows{display:flex;flex-direction:row;height:50px;margin:auto}.follow-display{align-items:center;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;width:70px}.follow-display-count{font-weight:600;height:20px;line-height:20px}.follow-display-label{font-size:12px}.follow-button{font-size:12px;height:34px;margin:8px;width:80px}.follow-loader{height:4px!important;margin-top:9px!important;width:4px!important}@media only screen and (max-width:850px){.follow-display{width:60px}.follow-button{margin:8px 4px;width:70px}}.navbar{background-color:#fff;height:50px;position:fixed;width:100vw;z-index:10}.nav-list{list-style:none;margin:auto;text-decoration:none;width:95vw}.nav-wide-screen{margin:auto;width:90%}.nav-narrow-screen,.nav-wide-screen{display:flex;flex-direction:row;height:100%}.nav-narrow-screen{width:100%}.nav-item{height:50px;line-height:50px;margin:0 5px;width:50px;z-index:12}.center{height:100%;margin:auto;position:absolute;width:85.5vw;z-index:11}.profile{display:flex;flex-direction:row;width:auto}.username{margin:0 10px}.nav-avatar{height:40px;margin:5px 0;width:40px}.nav-login{height:50px;line-height:50px;margin:0 5px 0 auto;text-align:center}.nav-login-button{height:40px;width:80px}.nav-sign-out{font-size:12px;height:35px;margin:7.5px 5px;width:80px;z-index:12}.end{margin-left:auto}.footer{height:50px;opacity:0;width:100vw}.avatar-container{align-items:center;border-radius:1000px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.avatar-container img{min-height:100%;min-width:100%;object-fit:cover}.avatar-container:hover{cursor:pointer}@-webkit-keyframes meetup{0%,to{-webkit-transform:rotate(calc(var(--rotation)*1deg)) translateY(0);transform:rotate(calc(var(--rotation)*1deg)) translateY(0)}50%{-webkit-transform:rotate(calc(var(--rotation)*1deg)) translateY(200%);transform:rotate(calc(var(--rotation)*1deg)) translateY(200%)}}@keyframes meetup{0%,to{-webkit-transform:rotate(calc(var(--rotation)*1deg)) translateY(0);transform:rotate(calc(var(--rotation)*1deg)) translateY(0)}50%{-webkit-transform:rotate(calc(var(--rotation)*1deg)) translateY(200%);transform:rotate(calc(var(--rotation)*1deg)) translateY(200%)}}.meetup{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;height:10px;margin:auto;width:10px}.meetup div{-webkit-animation:meetup 1.25s ease infinite;animation:meetup 1.25s ease infinite;background-color:#424242;border-radius:100%;height:100%;position:absolute;width:100%}.meetup div:first-child{--rotation:90}.meetup div:nth-child(2){--rotation:180}.meetup div:nth-child(3){--rotation:270}.meetup div:nth-child(4){--rotation:360}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.search-container{height:50px;margin:auto;position:relative;width:250px}.search{border-radius:20px;height:35px;margin:1% auto;text-align:center;width:100%}.search,.search:focus{border:1px solid rgba(0,0,0,.2)!important}.fa-magnifying-glass{color:grey;font-size:14px;left:10px;position:absolute;top:19px}.search-dropdown{background-color:hsla(0,0%,100%,.95);border-radius:15px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:300px;overflow-y:scroll;position:absolute;width:100%}.search-dropdown-item{align-items:center;border-bottom:1px solid #f3f3f3;display:flex;flex-direction:row;height:50px;margin:auto;width:90%}.search-dropdown-item-avatar{height:40px;margin:5px;width:40px}.search-dropdown-details{display:flex;flex-direction:column;height:100%;justify-content:center}.search-dropdown-details-line{cursor:pointer;font-size:12px;height:18px;line-height:18px;padding-left:10px;text-align:left;width:100%}.search-dropdown-text,.search-no-results{color:#969696;font-size:10px}.search-no-results{text-align:center;width:100%}.error{align-items:center;background-color:hsla(0,100%,87%,.9);border-radius:10px;bottom:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);color:#7a0000;display:flex;height:80px;left:20px;opacity:0;position:fixed;text-align:left;transition:opacity .5s;width:250px;z-index:100}.error-text{font-size:14px;margin:-5px 10px 0 15px}.e-transition-enter{opacity:0}.e-transition-enter-active,.e-transition-enter-done,.e-transition-exit{opacity:1}.e-transition-exit-done,.e-transition-exit.active{opacity:0}@media only screen and (max-width:850px){.error{bottom:10px;left:10px}}.post-container{background-color:#fff;border-radius:15px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;margin:20px 4%;overflow:hidden;position:relative;transition:box-shadow .5s;width:92%}.post-deleting-cover{background-color:rgba(0,0,0,.05);height:100%;position:absolute;width:100%;z-index:10}.post{height:auto}.post,.post-image{display:flex;flex-direction:column;position:relative;width:100%}.post-image{justify-content:center;max-height:420px;z-index:0}.post-image img{border-top-left-radius:15px;border-top-right-radius:15px;height:auto;margin:auto auto -20px;position:relative;width:100%}.image-placeholder{height:420px;width:100%}.image-placeholder-animation{-webkit-animation:AnimationName 1.5s linear infinite;animation:AnimationName 1.5s linear infinite;background:linear-gradient(182deg,#dadada,#ababab);background-size:400% 400%;height:110%;position:absolute;top:-20px;width:100%;z-index:1}@-webkit-keyframes AnimationName{0%{background-position:50% 0}50%{background-position:51% 100%}to{background-position:50% 0}}@keyframes AnimationName{0%{background-position:50% 0}50%{background-position:51% 100%}to{background-position:50% 0}}.post-body{background-color:#fff;border-radius:15px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;padding:20px;z-index:2}.post-details{display:flex;flex-direction:row;height:50px}.post-details-text{display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.post-details-delete{height:50px;margin:0 10px;position:relative;width:50px}.post-details-delete-loader{left:15px;position:absolute;top:18px}.post-details-delete-button{font-size:20px;line-height:50px;text-align:center;width:100%}.post-details-img{margin-left:auto}.post-author{font-size:large;font-weight:600}.post-meta{color:hsla(210,8%,62%,.6);display:flex;width:100%}.post-meta div{margin-right:20px}.post-meta div,time{font-size:small}.author-avatar{border-radius:100px;height:50px;width:50px}.post-text-body{word-wrap:break-word;margin:20px 0}.comments-container{background-color:green}.comments-loader{height:5px!important;width:5px!important}@media only screen and (max-width:850px){@-webkit-keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:58em 0}}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:58em 0}}}.noauth{color:grey;font-size:14px;height:50px;line-height:50px;margin:40vh auto;text-align:center;width:100%}.dash-container{height:100vh;margin:0 auto;padding-top:50px;width:95vw}.dash-header{border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);box-sizing:border-box;height:200px;margin:0 auto;max-width:700px;padding:20px}.dash-header-header{font-size:25px}.dash-body{border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);box-sizing:border-box;height:calc(100vh - 250px);margin:20px auto;max-width:700px;padding:20px}.dash-body-header{font-size:20px;height:30px}.dash-posts-list{height:calc(100% - 30px);overflow-x:hidden;overflow-y:scroll}.dash-loader{margin-top:50px!important}.notfound-container{color:grey;height:50px;line-height:50px;margin:40vh auto;text-align:center}.notfound-header{color:#000;font-size:30px}.notfound-body{color:grey;font-size:14px}.profile-container{height:100vh;margin:auto;padding-top:50px;width:95vw}.profile-scroller{height:100vh;overflow-x:hidden;overflow-y:scroll;width:100%}.profile-header{border-radius:15px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:auto;margin:0 auto 20px;max-width:80%;overflow:hidden;position:relative}.profile-cover{background-color:grey;display:flex;flex-direction:column;height:300px;justify-content:center;width:100%;z-index:0}.profile-cover img{min-height:100%;min-width:100%;object-fit:cover}.update-cover{background-color:rgba(0,0,0,.2);color:#fff;font-size:20px;height:300px;line-height:300px;opacity:0;position:absolute;text-align:center;transition:opacity .5s ease;width:100%;z-index:1}.update-cover:hover{opacity:1}.update-cover label{cursor:pointer}.profile-avatar{height:150px;margin-left:50px;position:absolute;width:150px}.profile-avatar-img{border-radius:75px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:inherit;margin-top:-75px;width:inherit;z-index:2}.profile-avatar-img,.profile-details{background-color:#fff;position:relative}.profile-details{display:flex;flex-direction:column;height:100px;width:100%;z-index:1}.profile-details-text{width:80%}.profile-details-header{align-items:center;display:flex;height:50px}.profile-details-name{font-size:25px;margin-left:210px}.follower-container{margin-left:10px}.profile-details-footer{height:50px;width:100%}.profile-details-bio{font-size:14px;height:100%;margin-left:200px}.profile-post-container{margin:auto;max-width:700px}.update-avatar{background-color:rgba(0,0,0,.2);border-radius:100px;color:#fff;font-size:20px;height:150px;line-height:150px;margin-left:50px;margin-top:-75px;opacity:0;position:absolute;text-align:center;transition:opacity .5s ease;width:150px;z-index:5}.update-avatar:hover{opacity:1}.update-avatar label{cursor:pointer}.profile-loader{margin:100px auto!important}.profile-posts-loader{margin-top:50px!important}.profile-posts-loader div{background-color:grey}@media only screen and (max-width:850px){.profile-header{max-width:100%}.profile-avatar{height:100px;margin-left:20px;width:100px}.profile-avatar-img{border-radius:50px;margin-top:-90px}.profile-details-name{font-size:16px;font-weight:700;margin-left:3%}.profile-details-bio{font-size:12px;height:100%;margin-left:3%}.update-avatar{height:100px;line-height:100px;margin-left:20px;margin-top:-90px;width:100px}.follower-container{margin-left:auto;margin-right:10px}}.signup-container{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;flex-direction:column;justify-content:space-evenly;margin:15vh auto 0;max-width:500px;min-height:400px;width:90vw}.signup-header{margin:15px auto}.signup-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.signup-form-bottom,.signup-form-top{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:90%}.signup-form-bottom{margin:10px 0}.grid-item{height:40px;margin:5px 10px;max-width:50%;min-width:200px}.signup-button{font-size:14px;height:40px;margin-bottom:10px;width:100px}.signup-text{box-shadow:0 8px 24px hsla(210,8%,62%,.2);height:40px}.signup-text,.signup-text input{border-radius:15px;text-align:center}.signup-text input{height:100%;width:100%}.username-container{position:relative}.username-at{color:grey;left:10px;position:absolute;top:8px}.signup-upload{border-radius:100px;border-style:solid;border-width:2px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);color:#1a202b;font-size:12px;font-weight:700;height:32px;line-height:32px;margin:5px 10px;position:relative;text-align:center;width:160px}.signup-upload label:hover{cursor:pointer}.upload-preview-container{display:none;height:30px;left:167px;position:absolute;top:1px;width:30px}.upload-preview{border-radius:100%;height:100%;width:100%}.bio-compose{word-wrap:break-word;border:0;border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);box-sizing:border-box;font-family:Roboto,sans-serif;height:40px;line-height:20px;padding:10px;text-align:center}.signup-upload-loader{height:5px!important;left:12px!important;position:absolute;top:12px!important;width:5px!important}.validation-error-container{position:relative}.validation-error{background-color:hsla(0,100%,94%,.9);border-radius:5px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);box-sizing:border-box;color:#900;font-size:10px;height:20px;line-height:20px;min-width:125px;padding:0 5px;position:absolute;right:0;text-align:center;top:-26px}.user-row{align-items:center;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:row;height:60px;width:100%}.user-avatar{border-radius:100px;height:50px;width:50px}.user-name,.user-username{line-height:50px;margin-left:10px}.user-username{color:rgba(0,0,0,.4);font-size:12px}.user-del{margin-left:auto;width:50px}.users-container{border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);box-sizing:border-box;height:calc(100vh - 50px);margin:50px auto 0;padding:10px;width:95vw}.users-list{height:100%;margin:auto;max-width:700px;overflow-x:hidden;overflow-y:scroll}.users-header{font-size:25px;margin:10px}.users-loader{margin-top:50px!important}.login-container{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;flex-direction:column;height:400px;justify-content:center;margin:15vh auto 0;width:320px}.logo{height:50px;width:50px}.login-container form{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:space-evenly;width:200px}.login-form label{font-size:12px}.login-text{border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);height:40px;text-align:center;width:100%}.login{height:35px;margin:0 auto;width:100px}.signup{height:30px;margin:0 auto;width:90px}.submit:hover{cursor:pointer}.about-page{height:100%;overflow:scroll;width:100%}.about-container{border-radius:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);margin:10vh auto auto;min-height:600px;width:60vw}.about-header{display:flex;flex-direction:row;height:200px;margin:auto;width:80%}.about-header-avatar-container{align-items:center;display:flex;height:100%;width:20%}.about-avatar{border-radius:100%;box-shadow:0 8px 24px hsla(210,8%,62%,.2);height:100px;margin-left:auto;margin-right:10px;width:100px}.about-header-text{display:flex;flex-direction:column;justify-content:center}.about-header-upper{font-size:20px;font-weight:600;margin-bottom:5px}.about-header-lower{color:grey;font-size:13px}.about-body{color:#474747;font-size:15px;margin:auto;width:80%}.about-body-header{height:50px}.about-links{display:flex;flex-direction:column;height:100px;margin:auto;padding-top:30px;width:80%}.about-link{font-size:12px;height:20px}.about-link a{text-decoration:underline!important}@media only screen and (max-width:1000px){.about-container{width:95vw}.about-header{width:90%}.about-header-avatar-container{width:33%}}.feed-container{height:100vh;margin:auto;width:95vw}.posts-list{height:100%;margin:50px auto auto;max-width:700px;overflow-x:hidden;overflow-y:scroll;width:100%}.feed-end{color:#d1d1d1;font-size:12px;height:100px;text-align:center;width:100%}.feed-loader{margin:100px auto!important}body,html,p,ul{margin:0;padding:0}body{background-color:#fff;font-family:Arial,sans-serif;font-family:Roboto,sans-serif!important}a,a:hover,a:link,a:visited{color:#000;text-decoration:none}input{background-color:#fff;padding:0}input,input:active,textarea{border:none!important;outline:none!important}textarea{resize:none}textarea:active{border:none!important;outline:none!important}.router{height:100vh;overflow:hidden;width:100vw}::-webkit-scrollbar{width:0}*{scrollbar-width:none}
/*# sourceMappingURL=main.f10093b9.css.map*/