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}.card{flex:0.33 1;margin:2.5px 1.35em 2em 2.5px;width:300px}.edit-container{display:flex;justify-content:flex-end}.card-body{background-color:hsla(0,0%,85%,.45);border-radius:1.2em;display:flex;flex-direction:column;max-height:300px;min-height:250px}.titleDiv{display:flex;justify-content:center;max-height:15%}.card-text,.card-title{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.invisible{visibility:hidden}.edit-button{background:none;border:none;cursor:pointer}.edit-button img{height:auto;width:30px}.Editpost{display:flex;justify-content:flex-end}.footer-container{display:flex;justify-content:space-between}.footer-container .userNamePost{color:#000;font-size:1.5em;font-size:1.6em;font-weight:500}.like-count{font-size:17px;font-weight:700;margin-left:5px}.post_imgDiv{width:100%}.postImage{border-radius:1.2em;object-fit:cover;width:100%}.modalOverlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modalContainer{background-color:#fff;border-radius:10px;flex-direction:column;height:85%;max-width:70%;max-width:85%;padding:20px;width:70%}.modalContainer,.modalHeader{display:flex;justify-content:space-between}.modalHeader{background-color:#333;border-radius:5px;padding:5px 0}.modalContent{flex-grow:1;margin:20px 0}button:hover{background-color:hsla(0,0%,100%,.1)}button.active{background-color:#fff;color:#333}h1,h2{text-align:left}.Create-postContainer{align-content:center;display:flex;flex-direction:row;justify-content:center}.leftContainer{margin-top:1em;padding-left:7em;width:62%}.leftContainer h1{font-size:3.8em;font-weight:bolder;margin-top:0}.visibility{color:rgba(0,0,0,.43);font-size:2.2em}.visibility-section button{border:none;border-radius:6em;color:#202025;cursor:pointer;display:inline-block;margin-bottom:1em;margin-right:2em;padding:1em;text-align:center;width:10em}.selected,.visibility-section button:hover{background-color:#ff5f1f}.post-header,.postfooter-container{display:flex;justify-content:space-between}.post-header{align-items:flex-start;width:100%}.close-button{align-items:center;background:#fff;border:2px solid rgba(0,0,0,.26);border-radius:50%;cursor:pointer;display:flex;font-size:56px;height:80px;justify-content:center;margin-left:auto;margin-right:1em;padding:.56em;width:80px}.close-button:hover{background:#e6e6e6}.postfooter-container button{background-color:#202025;border:none;border-radius:.3em;color:#fff;cursor:pointer;display:inline-block;font-size:30px;height:60px;margin-bottom:2em;margin-right:2em;margin-top:25px;text-align:center;width:200px}.rightContainer{background-color:rgba(32,32,37,.05);display:flex;flex-direction:column;width:35%}.rightContainer h2{color:rgba(0,0,0,.43);font-size:2.1em;font-weight:bolder;padding-left:1.6em}.preview-image{height:15em;margin:0 auto;width:20em}.no-image,.preview-image{align-items:center;display:flex;justify-content:center}.no-image{background-color:#d9d9d9;border-radius:1em;color:#707070;font-size:1.2em;height:100%;width:100%}.full-contain{font-size:18px;margin-left:30px}.full-contain h4{color:rgba(0,0,0,.32)}.list-flex{margin-left:30px}.outer-container{position:relative}.post{display:flex;height:100%}.post-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;height:400px;justify-content:center;width:300px}img{height:150px;width:150px}.commentSection-container{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:20px;max-height:400px;overflow-y:auto;padding:10px}.commentSection-container img{border-radius:5px;height:auto;max-width:100%}.commentList{list-style-type:none;padding:0}.commentItem{background-color:#f9f9f9;border-radius:5px;margin-bottom:10px;padding:10px}.commentText{flex-grow:1;margin:5px 0}.authorDisplayName{color:#555;font-size:.9em}.UploadImage,.commentInput,.formElement{margin-top:20px}.comment-contains{display:flex;flex-direction:column;justify-content:space-between;width:100%}.flex-comment{display:flex;justify-content:flex-start;margin-right:30px}.comment-contains h2{font-size:40px;margin-left:20px}.formElement{margin-right:30px;width:50%}.commentItem{align-items:center;display:flex;justify-content:space-between}.authorDisplayName{font-weight:700;margin-left:auto}.posts-row{display:flex;flex-direction:row;height:100%;justify-content:left;width:100%}.square{width:25%}body,html{font-family:Inter,sans-serif}.posts-container h1{display:flex;font-size:4em}.github-st{background-color:brown;display:flex;flex-direction:row}.search-container{position:relative;width:300px}input[type=text]{border:1px solid #ccc;border-radius:5px 0 0 5px;outline:none;padding:10px}button{background-color:#4caf50;border:1px solid #ccc;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;outline:none;padding:10px 15px}button:hover{background-color:#45a049}button,input[type=text]{transition:all .3s ease}body{color:#202025}.navbar{background-color:hsla(0,0%,85%,.08);border-right:2px solid #e0e0e0;display:flex;flex:0.2 1;flex-direction:column;height:100vh;left:0;padding:2em 1em;position:fixed;top:0}.navbar .logo{align-items:center;display:flex;font-size:1.6em;justify-content:center;margin-bottom:5em;margin-top:1em;text-align:center}.logo-image{height:40px;margin-right:25px;width:40px}.nav-items{display:flex;flex-direction:column}.navButton{background:transparent;border:none;box-sizing:border-box;color:inherit;cursor:pointer;display:block;font-size:1.45em;margin-bottom:2em;outline:none;overflow-y:hidden;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:100%}.logout-section{margin-top:auto}.navButton.active{position:relative}.navButton.active:after{background-color:#202025;content:"";height:calc(1em + 20px);position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px}.outer-login-signup-container{height:38.375em}.signup-redirect{background-color:rgba(161,184,191,.1);border-radius:25px;display:flex;flex-direction:column;height:65%;margin-top:70px;padding:30px 30px 20px;width:35%}.signup-redirect h1{margin-bottom:40px}.signup-redirect h4{color:rgba(0,0,0,.43);margin-bottom:80px}.error-message{color:red}body{background-color:rgba(161,184,191,.1)}.outer-container{display:flex;flex-direction:column;height:100%}.logos{align-items:center;display:flex;flex:1 1}.logos-image{height:60px;margin-right:40px;width:60px}.logos h2{font-size:35px;font-weight:600}.header-content h1{font-size:60px;margin-bottom:0;margin-top:100px}.outer-login-signup-container{background-color:#fff;border-radius:25px;display:flex;height:48.375em;justify-content:space-between;margin-top:50px;padding-left:50px;padding-right:50px;width:60%}.button-design{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:22px;height:69px;letter-spacing:2px;outline:none;padding:10px;text-align:center;text-decoration:none;width:100%}.button-design,.button-design:hover{background-color:#202025}.single-line-input{border:none;border-bottom:1px solid rgba(32,32,37,.12);box-sizing:border-box;font-size:20px;padding:10px 0;width:100%}.single-line-input:focus{outline:none}.login-form{margin-top:70px;width:35%}.login-form h2{margin-bottom:50px}.login-form input{margin-bottom:40px;width:100%}.login-form button{margin-top:30px}.Login-redirect{background-color:rgba(161,184,191,.1);border-radius:25px;display:flex;flex-direction:column;height:65%;margin-top:70px;padding:30px 30px 20px;width:35%}.Login-redirect h1{margin-bottom:40px}.Login-redirect h4{color:rgba(0,0,0,.43);margin-bottom:80px}.profile-contain{border-bottom:2px solid #ccc;display:flex;font-size:22px;justify-content:flex-end;margin-bottom:20px;margin-right:30px;padding-bottom:20px}.profile-inContainer{display:flex;flex-direction:column}.listsContainer{display:flex;width:100%}.followersList,.followingList{align-items:center;display:flex;flex-direction:column;margin:10px}.follower-item,.following-item{margin:5px;text-align:center}.full-containr{display:flex;justify-content:space-between}.post-section{margin-right:30px;width:40%}.inbox-outer-container h1{font-size:52px}.inbox-header{display:flex;justify-content:flex-start}.inbox-header h2{font-size:30px}.item1{margin-right:30px}.item1,.item2{cursor:pointer;font-weight:400}.active2{color:#000;font-weight:700}.request_list{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.request_list p{font-size:25px}.confirm_req_container{display:flex;justify-content:space-between}.accept_req{border-radius:30px;color:#fff;height:51px;margin-right:40px;padding:10px;width:136px}.accept_req,.accept_req:hover{background-color:#77e06e}.deny_req{border-radius:30px;color:#fff;height:51px;padding:10px;width:136px}.deny_req,.deny_req:hover{background-color:#e65b5b}.sharedPost-container{display:flex}.sharedPost-container p{margin-left:40px}.post-contain{display:flex}.full-contain2{margin-left:30px}.header{font-size:50px}.full-contains2 h4{color:rgba(0,0,0,.32)}.list-flexs2{margin-left:30px}.outer-containers2{position:relative}.button-container{background-color:#000;bottom:10px;color:#fff;height:39px;position:absolute;right:10px;text-align:center;width:150px}body,html{height:100%;margin:0}.container{display:flex}.navbar{min-height:100vh;width:250px}.content{flex:1 1}.app-container{display:flex}.app-content{flex:1 1;margin-left:280px;padding:1em 1em 1em 4.5em}
/*# sourceMappingURL=main.b1af680a.css.map*/