body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bgColor);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}._postSkeleton{background-color:#fff;border:1px solid var(--linesColor);display:flex;flex-direction:column;height:200px;margin:20px 0;padding:10px;width:100%}.post-topSkeleton{align-items:center;display:flex}.profileSkeletonIcon,.user-iconSkeleton{-webkit-animation:skeleton-animation 1s ease infinite alternate;animation:skeleton-animation 1s ease infinite alternate;background-color:var(--linesColor);border-radius:50%;height:40px;margin-right:8px;width:40px}.user-name-dateSkeleton{display:flex;flex-direction:column}.user-nameSkeleton{margin-bottom:2px;width:100px}.post-dateSkeleton,.user-nameSkeleton{-webkit-animation:skeleton-animation 1s ease infinite alternate;animation:skeleton-animation 1s ease infinite alternate;background-color:var(--linesColor);border-radius:4px;height:14px}.post-dateSkeleton{width:90px}.post-contentSkeleton{display:flex;flex-direction:column;margin:16px 10px}.post-descSkeleton{-webkit-animation:skeleton-animation 1s ease infinite alternate;animation:skeleton-animation 1s ease infinite alternate;background-color:var(--linesColor);border-radius:4px;height:20px;margin-bottom:5px;width:100%}.post-bottomSkeleton{align-items:center;display:flex}.post-likeSkeleton{border-radius:50%;height:15px;margin-right:10px;width:15px}.post-likeSkeleton,.post-likes-numberSkeleton{-webkit-animation:skeleton-animation 1s ease infinite alternate;animation:skeleton-animation 1s ease infinite alternate;background-color:var(--linesColor)}.post-likes-numberSkeleton{border-radius:4px;height:14px;width:50px}.followerSkeleton{align-items:center;display:flex;margin:4px 0}.followerSkeletonIcon{border-radius:50%;height:32px;margin-right:8px;width:32px}.followerSkeletonIcon,.followerSkeletonName{-webkit-animation:skeleton-animation 1s ease infinite alternate;animation:skeleton-animation 1s ease infinite alternate;background-color:var(--linesColor)}.followerSkeletonName{border-radius:4px;height:16px;width:100px}.profile_nameSkeleton{align-items:center;border-bottom:1px solid var(--linesColor);display:flex;flex-direction:column;height:100px;margin:auto;position:relative;width:70%}.profileSkeletonIcon{margin:0}.userInfoSkeleton{display:flex;margin-top:10px}.followBtnSkeleton,.profile_usernameSkeleton{-webkit-animation:skeleton-animation 1s ease infinite alternate;animation:skeleton-animation 1s ease infinite alternate;background-color:var(--linesColor);border-radius:4px;height:16px;width:60px}.followBtnSkeleton{margin-left:30px}@-webkit-keyframes skeleton-animation{0%{opacity:.5}to{opacity:1}}@keyframes skeleton-animation{0%{opacity:.5}to{opacity:1}}.all-posts{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:767px;width:65%}._post{background-color:var(--secondColor);border:1px solid var(--linesColor);margin:20px 0;position:relative;width:100%}.post-top{justify-content:space-between;padding:14px 14px 0}.post-top,.user-info{align-items:center;display:flex}.user-name-date{display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:var(--semiBold);margin-bottom:4px}.post-date{font-size:12px}.edit-post{cursor:pointer;font-weight:var(--semiBold);padding:6px;transition:var(--transition)}.edit-post:hover{background-color:var(--lightGrey);border-radius:50%}.post-content{margin:14px}.post-desc{font-size:18px}.post-bottom{align-items:center;border-top:1px solid var(--linesColor);display:flex;padding:14px}.post-like{color:var(--darkGrey);cursor:pointer;font-size:20px;margin-right:6px;transition:var(--transition)}.post-like:hover{color:var(--linesColor)}.post-likes-number{font-weight:var(--semiBold)}.no-quotes-msg{color:var(--textColor);font-size:18px;margin-top:30%}.app-aside{display:flex;flex-direction:column;height:60vh;padding:12px;width:30%}.create-post{align-items:center;color:var(--titleColor);cursor:pointer;display:flex;font-weight:var(--bold);width:134px}.add-post{border:2px solid var(--titleColor);border-radius:5px;height:18px;line-height:1;margin-right:8px;width:18px}.followings{align-items:baseline;display:flex;flex-direction:column;margin:30px 0}.followings-title{font-weight:600;margin:6px 0}.followings-persons{margin:4px 0}.copyright,.followings-persons{align-items:center;display:flex}.copyright{flex-direction:column}.app-terms{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.app-copyright,.app-terms a{color:var(--darkGrey);transition:var(--transition)}.app-terms a:hover{color:var(--linesColor)}.app-copyright{border-top:1px solid var(--linesColor);padding:4px;text-align:center;width:100%}.login_signup-p{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:15vh auto auto;max-width:350px}.login_signup-bottom,.login_signup-top{background-color:var(--secondColor);border:1px solid var(--linesColor);text-align:center;width:100%}.login_signup-top{margin-bottom:10px;padding:10px 0}.login_signup-top h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:40px;margin:22px auto 12px}.login_signup-form{align-items:center;display:flex;flex-direction:column;width:100%}.login_signup-btn,.login_signup-email,.login_signup-pass,.signup-username{outline:none;padding:10px;width:80%}.login_signup-email,.login_signup-pass,.signup-username{background-color:var(--lightGrey);border:1px solid var(--linesColor);border-radius:3px;margin-bottom:10px}.login_signup-btn{background-color:var(--blueColor);border:none;border-radius:5px;color:var(--secondColor);cursor:pointer;font-weight:var(--bold);margin:10px 0}.login_signup-bottom{padding:20px;position:relative}.login_signup-bottom a{color:var(--blueColor);margin-left:10px}.signup-sub{font-size:15px;letter-spacing:2px;margin:15px auto}.signup-rules,.signup-sub{color:var(--darkGrey);display:block;width:80%}.signup-rules{font-size:12px;margin:10px auto}.login_signup-bottom:disabled{cursor:not-allowed}.layBtns{background-color:transparent;height:100%;left:0;position:absolute;top:0;width:100%}.login_signup-err{color:red;margin-bottom:10px}.profile_info{margin-top:100px}.profile_info,.profile_name{display:flex;flex-direction:column;position:relative}.profile_name{align-items:center;border-bottom:1px solid var(--linesColor);height:100px;margin:auto;width:70%}.profile_name i{margin:0}.profile_username{font-weight:var(--bold)}.profile_posts{padding-top:15px;width:100%}.user-name-follow{align-items:center;display:flex;justify-content:center;margin-top:15px;width:130px}.follow-user{background-color:var(--blueColor);border:none;border-radius:4px;color:var(--secondColor);cursor:pointer;font-size:12px;margin-left:30px;outline:none;padding:3px 5px;width:60px}.app-header{background-color:var(--secondColor);border-bottom:1px solid var(--linesColor);height:60px;left:auto;position:fixed;right:auto;top:0;width:100%;z-index:999}.header-nav{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:975px;padding:0 30px}.header-logo{font-size:20px}.search-bar{background-color:var(--lightGrey);border:none;border-radius:8px;color:var(--textColor);font-size:16px;outline:none;padding:10px}.search_result{background:var(--secondColor);border:1px solid var(--linesColor);border-radius:6px;font-size:17px;height:120px;overflow:scroll;padding:10px;position:absolute;top:43px;width:100%}.my-posts{align-items:center;cursor:pointer;display:flex;font-weight:var(--semiBold)}.user-icon{background-color:var(--lightGrey);border:1px solid var(--linesColor);border-radius:50%;color:var(--secondColor);font-size:25px;height:32px;line-height:25px;margin-right:8px;padding:0 2px;width:32px}.search-result-err{display:block;font-size:15px;margin:30px auto auto;text-align:center}.create-new-post{align-items:center;background-color:var(--secondColor);border:1px solid var(--linesColor);border-radius:6px;display:flex;flex-direction:column;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1002}.create-new-post-top{border-bottom:1px solid var(--linesColor);font-size:16px;font-weight:var(--bold);padding:10px 20px;text-align:center;width:100%}.new-post-form{display:flex;flex-direction:column;padding:16px;width:100%}.new-post-form textarea{border:none;font-size:18px;margin:16px 0;outline:none;resize:none}.create-post-btn{background-color:var(--lightGrey);border:none;border-radius:6px;color:var(--textColor);cursor:pointer;font-size:16px;font-weight:var(--semiBold);outline:none;padding:10px;transition:var(--transition)}.create-post-btn:hover{background-color:var(--linesColor)}.close-btn{border-radius:50%;color:var(--textColor);cursor:pointer;height:24px;line-height:20px;position:absolute;right:14px;transition:var(--transition);width:24px}.close-btn:hover{background-color:var(--lightGrey)}.popup_mult_class{background-color:var(--secondColor);border:1px solid var(--linesColor);border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:270px;z-index:1001}.popup_mult_class a,.popup_mult_class span{border-bottom:1px solid var(--linesColor);cursor:pointer;font-size:16px;font-weight:var(--medium);padding:24px;transition:var(--transition);width:100%}.popup_mult_class span:last-of-type{border-bottom:none}.popup_mult_class span:hover{background-color:var(--lightGrey)}.popup_mult_class i{margin-right:20px}.settings-pop{align-items:center;background-color:var(--secondColor);border:1px solid var(--linesColor);border-radius:6px;display:flex;flex-direction:column;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:1002}.settings-sets{width:100%}.settings-top{border-bottom:1px solid var(--linesColor);font-size:17px;font-weight:var(--bold);padding:16px 20px;text-align:center;width:100%}.settings_form{display:flex;flex-direction:column;padding:0 16px 16px;width:100%}.settings_form input{border:none;border-bottom:1px solid var(--linesColor);font-size:16px;margin-top:16px;outline:none;padding:10px}.settings_form input[type=submit]{background-color:var(--lightGrey);border:none;border-radius:6px;color:var(--textColor);cursor:pointer;font-size:16px;font-weight:var(--semiBold);outline:none;padding:10px;transition:var(--transition)}.settings_form input[type=submit]:hover{background-color:var(--linesColor)}:root{--bgColor:#fafafa;--secondColor:#fff;--titleColor:#262626;--textColor:#404040;--linesColor:#dbdbdb;--lightGrey:#efefef;--darkGrey:#c7c7c7;--blueColor:#0095f6;--bold:700;--semiBold:600;--medium:500;--normal:400;--transition:all 0.2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}a{color:#262626;color:var(--titleColor);font-weight:700;font-weight:var(--bold);text-decoration:none}.App{position:relative}.overlay{background-color:rgba(0,0,0,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}::-webkit-scrollbar{height:100%;width:4px}::-webkit-scrollbar-thumb{background-color:#dbdbdb;background-color:var(--linesColor);border-radius:10px}::-webkit-scrollbar-track{background-color:#fff;background-color:var(--secondColor)}.hidden{overflow:hidden}.app-body{display:flex;justify-content:space-between;margin-top:50px;padding:30px;position:relative}@media screen and (max-width:767px){.header-nav{padding:0 15px!important}.header-logo{font-size:16px!important}.search-bar{font-size:14px!important;width:180px}.header-nav .user-icon{margin:0}.header-me{display:none}.app-body{flex-direction:column;margin-bottom:50px;padding:15px}.all-posts{width:100%!important}.profile_posts{margin:auto;width:90%!important}.app-aside{background-color:#fff;background-color:var(--secondColor);border-top:1px solid #dbdbdb;border-top:1px solid var(--linesColor);bottom:0;flex-direction:row!important;height:50px!important;justify-content:center;left:0;position:fixed;width:100%!important}.app-aside .copyright,.app-aside .followings{display:none!important}.create-new-post{width:94%}.edit_my_post{width:94%!important}.popup_mult_class,.settings-pop{max-width:270px}}
/*# sourceMappingURL=main.1109a73f.css.map*/