body{height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eceffa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.no-btn{border:none}.no-btn:focus{border:none;outline:none}.alert{padding:10px;width:100%;box-sizing:border-box;border-radius:5px;margin-top:15px;-webkit-align-self:flex-start;align-self:flex-start}.error-dailog{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.success-dailog{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.post-wrapper{border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;margin-top:20px;background:#fff}.post-header{padding:10px}.post-avatar,.post-avatar>div{display:-webkit-flex;display:flex}.post-avatar>div{-webkit-flex-direction:column;flex-direction:column;padding-left:12px}.post-avatar img{height:40px}.post-avatar .post-author{color:#616161;font-style:normal;font-weight:600;font-size:16px;line-height:22px}.post-avatar .post-time{font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#9e9e9e}.post-content{font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#424242;margin-top:15px}.post-actions{display:-webkit-flex;display:flex;padding:5px 10px;font-weight:400;font-size:14px;line-height:19px;color:#616161;border:1px solid #e0e0e0;border-right:none;border-left:none}.post-actions img{height:18px}.post-actions img:hover{cursor:pointer}.post-comments-icon,.post-like{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.post-comments-icon{margin-left:15px}.post-comments-icon span,.post-like span{margin-left:7px}.post-comment-box{padding:10px}.post-comment-box input{border:1px solid #e0e0e0;border-radius:4px;height:35px;margin:0 auto;width:100%;font-size:15px;box-sizing:border-box;padding:5px}.post-comment-box input:focus{outline:none}.post-comments-list{padding:5px 10px;position:relative}.post-comment-item{background:#eceffa;border-radius:4px;padding:10px;margin-bottom:14px}.post-comment-header{display:-webkit-flex;display:flex}.post-comment-header .post-comment-author{font-weight:600;font-size:12px;line-height:16px;color:#757575}.post-comment-header .post-comment-time{font-size:12px;line-height:16px;color:#9e9e9e;margin-left:8px}.post-comment-header .post-comment-likes{font-size:12px;line-height:16px;color:#616161;margin-left:8px}.post-comment-content{margin-top:7px}.post-comments-list .comment-like{position:absolute;right:21px;top:13px}.post-comments-list .comment-like img{height:20px}.post-comments-list .comment-like img:hover{cursor:pointer}.nav{display:-webkit-flex;display:flex;width:100vw;background:linear-gradient(90deg,#020024,#322cf8 49%,#985cf9);padding:10px 50px;top:0;-webkit-align-items:center;align-items:center;box-sizing:border-box;-webkit-justify-content:space-between;justify-content:space-between;position:fixed;z-index:10}.logo{color:#fff;font-size:35px}.logo-icons{font-size:40px;color:#ece60e}nav #user-dp{height:40px}nav .user{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}nav span{margin-left:10px}nav .right-nav{display:-webkit-flex;display:flex;color:#fff;font-style:normal;font-weight:700;font-size:16px;line-height:22px}nav .left-div .site-logo{height:40px}nav .nav-links ul{display:-webkit-flex;display:flex;list-style-type:none}nav .nav-links ul li{padding:0 4px}nav .nav-links ul li a{text-decoration:none;color:#fff}nav .nav-links ul li a:hover{text-decoration:underline}nav .nav-links ul li:hover{cursor:pointer}.search-container{-webkit-flex-grow:0.5;flex-grow:0.5;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.search-container input{background:#fff;border:1px solid #d0d0d0;border-radius:3px;height:40px;width:100%;font-size:16px;padding-left:31px;box-sizing:border-box;-webkit-flex-grow:1;flex-grow:1}.search-container input:focus{outline:none}.search-icon{height:20px;position:absolute;top:10px;left:7px}.search-results{background:#fff;-webkit-flex-grow:1;flex-grow:1;border-radius:0 0 3px 3px;position:absolute;width:100%;top:40px;border:1px solid #e0e0e0;z-index:100;max-height:452px;overflow:scroll}.search-results ul{list-style-type:none;padding:0;margin:0}.search-results ul a{text-decoration:none;color:#000}.search-results-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:9px 14px}.search-results-row:hover{background-color:#eceffa;cursor:pointer}.search-results-row img{height:27px}.home{padding:80px 50px;display:-webkit-flex;display:flex;width:80%;margin:0 auto;z-index:-1;box-sizing:content-box}.home .posts-list{-webkit-flex-grow:0.8;flex-grow:0.8}.friends-list{background:#fff;margin-left:50px;position:-webkit-sticky;position:sticky;-webkit-flex-grow:0.2;flex-grow:0.2;height:50vh;box-sizing:border-box;margin-top:20px;top:15%;border:1px solid #e0e0e0;border-radius:4px;overflow-y:scroll}.friends-list .header{border-bottom:1px solid #e0e0e0;font-weight:600;font-size:16px;color:#424242;padding:20px}.friends-list .friends-img img{height:40px}.no-friends{-webkit-justify-content:center;justify-content:center;margin:20px 0}.friends-item,.no-friends{display:-webkit-flex;display:flex}.friends-item{-webkit-align-items:center;align-items:center;padding:5px 10px;color:#616161;font-style:normal;font-weight:600;font-size:16px;line-height:22px;text-decoration:none}.friends-item:hover{cursor:pointer;background-color:#f1f1f1}.friends-name{padding:0 10px}.login-signup-header{font-weight:600;font-size:30px;color:#7439fd}.login-form{background-color:#fff;padding:20px;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:30%;margin:150px auto 0;border-radius:6px}.field{width:100%}.field input{border:1px solid rgba(0,0,0,.12);box-sizing:border-box;border-radius:6px;width:100%;height:40px;margin-top:20px;padding:5px;font-size:15px}.field input:focus{outline:none}.field button{width:100%;margin-top:20px;background:#7439fd;border-radius:2px;color:#fff;font-size:20px;padding:9px;border:none;outline:none}.field button:hover{cursor:pointer}.field button:disabled{cursor:not-allowed;background-color:#34235c}.settings{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;background:#fff;padding:30px;border-radius:6px;margin-top:100px;margin-left:30px;width:40%}.settings .img-container{display:-webkit-flex;display:flex;margin-bottom:40px;-webkit-justify-content:center;justify-content:center}.settings .img-container img{height:100px}.settings .btn-grp{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.settings button{border-radius:6px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:16px;border-radius:3px;margin-top:20px}.settings button:hover{cursor:pointer}.settings button:focus{outline:none}.settings .edit-btn{border:1px solid #7439fd;box-sizing:border-box;color:#7439fd}.settings .save-btn{background:#7439fd;color:#fff;border:none;padding:10px 20px}.settings .go-back{color:#7439fd;margin-top:7px;font-size:13px}.settings .go-back:hover{cursor:pointer;text-decoration:underline}.settings .field{margin-bottom:10px}.settings .field .field-label{font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:#9e9e9e;padding:5px 0}.settings .field input{margin-top:6px}.create-post{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;margin-top:20px}.create-post>div{padding:10px;border-top:1px solid #d0d0d0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.create-post textarea{height:90px;padding:10px;width:100%;box-sizing:border-box;font-size:15px;border:none;resize:none;border-top-right-radius:3px;border-top-left-radius:3px}#add-post-btn{background-color:#322cf8;margin-top:10px;padding:10px;font-size:16px;outline:none;color:#fff;border:none;border-radius:5px}#add-post-btn:focus,.create-post textarea:focus{outline:none}#add-post-btn:hover{cursor:pointer}#add-comment-btn{background-color:#322cf8;margin-top:10px;padding:8px;outline:none;color:#fff;border:none;border-radius:5px}#add-comment-btn:hover{cursor:pointer}#add-comment-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.remove-link-style{text-decoration:none}.loader{height:vh;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.loader img{height:100px;position:absolute;margin-top:400px;width:100px}.App{height:100%;width:100%;position:relative}.lds-ellipsis{display:block;position:relative;width:80px;height:40px;margin:auto}.lds-ellipsis div{position:absolute;top:15px;width:13px;height:13px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;background-color:#020024}.lds-ellipsis div:nth-child(2){left:8px;background-color:#34235c}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;background-color:#7439fd}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;background-color:#985cf9}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.chat-container{position:fixed;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:300px;bottom:0;transition:all 1s ease-in-out;right:10px}.chat-content-wrapper{height:300px;transition:all 1s ease-in-out}.chat-header{font-size:20px;padding:10px;background:#6200ee;color:#fff;height:40px;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.chat-header img:hover{cursor:pointer}.chat-messages{height:85%;background:#fff;overflow:auto;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chat-messages .chat-bubble{background:#e5e5e5;margin:8px;padding:10px;border-radius:5px;font-size:12px;position:relative;max-width:80%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-messages .other-chat:after{content:"";position:absolute;left:0;top:50%;width:0;height:0;border:20px solid transparent;border-right-color:#e5e5e5;border-left:0;border-bottom:0;margin-top:-1px;margin-left:-10px}.chat-messages .self-chat{background:#b0ffb3;-webkit-align-self:flex-end;align-self:flex-end}.chat-messages .self-chat:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border:20px solid transparent;border-left-color:#b0ffb3;border-right:0;border-bottom:0;margin-top:-1px;margin-right:-10px}.chat-footer{min-height:37px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-sizing:border-box;display:-webkit-flex;display:flex}.chat-footer textarea{width:100%;outline:none;font-size:16px;padding-left:5px;overflow-wrap:break-word;resize:none}.chat-footer button{background:#1700e9;color:#fff;border:none;outline:none;font-size:16px}.chat-footer button:hover{cursor:pointer}.hideChat{height:0;overflow:hidden}
/*# sourceMappingURL=main.1121901d.chunk.css.map */