*{box-sizing:border-box;padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--border-color:#ddd;--accent-color:#458eff}h1,h2,h3,h4,h5,h6{color:#212121}h3,h6{font-weight:400}p{color:#555;font-size:.9rem}.hover-link{cursor:pointer}.hover-link:active{color:red}.container{margin-inline:auto;max-width:960px}.btn-primary{background-color:#458eff;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 40px}.btn-primary:hover{background-color:#5f9fff}.btn-primary:active{background-color:#458eff;background-color:var(--accent-color)}.btn-secondary{background:none;border:2px solid #458eff;border:2px solid var(--accent-color);border-radius:4px;color:#458eff;color:var(--accent-color);cursor:pointer;font-weight:700;padding:10px 40px}.btn-secondary:hover{background-color:#ddd}.btn-secondary:active{background:none}.Login{align-items:center;display:flex;height:100vh;justify-content:center}.Login .heading{text-align:center}.Login .login-box{border:1px solid #000;border-radius:4px;min-width:400px;padding:40px}.Login input,.Login label{display:block;margin-block:8px;width:100%}.Login label{font-weight:700}.Login input{border-radius:4px;padding:8px 16px}.Login .submit{background-color:#29b4ff;border:none;color:#fff;margin-top:16px}.Login .submit:hover{background-color:#249dde}.Login p{text-align:center}.Signup{align-items:center;display:flex;height:100vh;justify-content:center}.Signup .heading{text-align:center}.Signup .signup-box{border:1px solid #000;border-radius:4px;min-width:400px;padding:40px}.Signup input,.Signup label{display:block;margin-block:8px;width:100%}.Signup label{font-weight:700}.Signup input{border-radius:4px;padding:8px 16px}.Signup .submit{background-color:#29b4ff;border:none;color:#fff;margin-top:16px}.Signup .submit:hover{background-color:#249dde}.Signup p{text-align:center}.Avatar{border-radius:50%;height:32px;width:32px}.Avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.Navbar{background-color:#fff;border-bottom:1px solid var(--border-color);height:60px;position:fixed;top:0;width:100%}.Navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between;margin-inline:auto;max-width:960px}.Navbar .right-side{align-items:center;display:flex;gap:20px}.Navbar .logout{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.Profile .container{display:flex;gap:20px}.Profile .left-part{flex:2 1;overflow-y:auto}.Profile .right-part{flex:1 1;margin-top:20px}.Profile .profile-card{border:1px solid var(--border-color);border-radius:4px;padding:40px;text-align:center}.Profile .user-img{border-radius:50%;height:80px;width:80px}.Profile .follower-info,.Profile .user-name{margin-top:12px}.Profile .bio{margin-top:6px}.Profile .follower-info{align-items:center;display:flex;gap:40px;justify-content:center}.Profile .follow,.Profile .update-profile{display:inline-block;margin-top:20px}.Profile .follow-link{color:var(--accent-color)}.Post{border:1px solid var(--border-color);border-radius:4px;margin-top:20px}.Post .heading{align-items:center;display:flex;gap:20px;height:60px;padding:20px}.Post .content{height:400px}.Post .content img{height:100%;object-fit:cover;width:100%}.Post .footer{padding:20px}.Post .footer .like{align-items:center;cursor:pointer;display:flex;gap:10px}.Post .footer .icon{font-size:1.5rem}.Post .footer .caption{margin-top:12px}.Post .footer .time-ago{color:#aaa;margin-top:12px}.CreatePost{border:1px solid var(--border-color);border-radius:4px;display:flex;gap:20px;margin-top:20px;padding:20px}.CreatePost .left-part{flex-basis:content;flex-grow:0;flex-shrink:0}.CreatePost .right-part{flex-grow:1;margin-top:0}.CreatePost .right-part input{border:1px solid var(--border-color);border-radius:4px;padding:8px 16px;width:100%}.CreatePost .right-part .labelImg{align-items:center;background-color:var(--accent-color);border-radius:50%;color:#fff;cursor:pointer;display:inline-block;display:flex;height:40px;justify-content:center;width:40px}.CreatePost .right-part .img-container{margin-top:20px}.CreatePost .right-part .img-container .post-img{aspect-ratio:16/9;width:100%}.CreatePost .right-part .bottom-part{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.CreatePost .right-part .inputImg{display:none}.Feed .container{display:flex;gap:20px;overflow:hidden}.Feed .left-part{flex:2 1;overflow-y:auto}.Feed .right-part{flex:1 1;margin-top:20px}.Feed .title{margin-bottom:12px}.Feed .suggestion{margin-top:40px}.Follower{height:60px;justify-content:space-between}.Follower,.Follower .user-info{align-items:center;display:flex}.Follower .user-info{cursor:pointer;gap:20px}.Follower .follow-link{color:var(--accent-color)}.UpdateProfile .container{display:flex;padding-top:20px}.UpdateProfile .left-part{flex:1 1;text-align:center}.UpdateProfile .left-part .input-user-img{align-items:center;display:flex;justify-content:center}.UpdateProfile .left-part .input-user-img .labelImg{border:2px dashed var(--accent-color);border-radius:50%;height:80px;width:80px}.UpdateProfile .left-part .input-user-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.UpdateProfile .left-part .input-user-img .inputImg{display:none}.UpdateProfile .right-part{flex:3 1;text-align:end}.UpdateProfile .right-part form{border:1px solid var(--border-color);border-radius:4px;padding:20px}.UpdateProfile .right-part input{border:1px solid var(--border-color);border-radius:4px;display:block;margin-top:16px;padding:8px 16px;width:100%}.UpdateProfile .right-part .btn-primary{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.UpdateProfile .right-part .delete-account{background-color:red;margin-top:16px}
/*# sourceMappingURL=main.0805f0bd.css.map*/