*{box-sizing:border-box;font-family:Inter,sans-serif;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:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:10px 20px}.btn-primary:hover{background-color:#287bf9}.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:5px;color:#458eff;color:var(--accent-color);cursor:pointer;font-size:15px;font-weight:700;padding:7px 20px;width:100%}.btn-secondary:hover{background-color:#458eff;color:#fff}.btn-secondary:active{background:none;color:#458eff;color:var(--accent-color)}.Login{align-items:center;background-color:#fcffe7;display:flex;height:100vh;justify-content:center}.Login .heading{text-align:center}.Login .login-box{background-color:#70b6e1;border:1px solid #000;box-shadow:16px 8px 3px 0 rgba(0,0,0,.7);-webkit-box-shadow:16px 8px 3px 0 rgba(0,0,0,.7);-moz-box-shadow:16px 8px 3px 0 rgba(0,0,0,.7);min-width:400px;padding:40px}.Login input,.Login label{border-radius:5px;display:block;margin-block:10px;width:100%}.Login label{font-weight:700}.Login input{border:2px solid #f7f7f7;box-shadow:0 0 8px 0 rgba(42,42,42,.86);font-size:16px;padding:8px;text-shadow:0 0 0 rgba(42,42,42,.75)}.Login input:focus{outline:none}.Login .submit{background:#2b3467;border:none;border-radius:5px;color:#fff;font-size:18px;font-weight:700;padding:10px 20px;width:100%}.Login .submit:hover{background:#232b54;text-decoration:none}.Login p{margin-top:5px}.Signup{align-items:center;background-color:#fcffe7;display:flex;height:100vh;justify-content:center}.Signup .heading{text-align:center}.Signup .Signup-box{background-color:#70b6e1;border:1px solid #000;box-shadow:16px 8px 3px 0 rgba(0,0,0,.7);-webkit-box-shadow:16px 8px 3px 0 rgba(0,0,0,.7);-moz-box-shadow:16px 8px 3px 0 rgba(0,0,0,.7);min-width:400px;padding:40px}.Signup input,.Signup label{border-radius:5px;display:block;margin-block:10px;width:100%}.Signup label{font-weight:700}.Signup input{border:2px solid #f7f7f7;box-shadow:0 0 8px 0 rgba(42,42,42,.86);font-size:16px;padding:8px;text-shadow:0 0 0 rgba(42,42,42,.75)}.Signup input:focus{outline:none}.Signup .submit{background:#2b3467;border:none;border-radius:5px;color:#fff;font-size:18px;font-weight:700;padding:10px 20px;width:100%}.Signup .submit:hover{background:#232b54;text-decoration:none}.Signup p{margin-top:5px}.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}.Navbar .right-side{align-items:center;display:flex;gap:10px}.Navbar .right-side .logout{align-items:center;display:flex;font-size:1.4rem}.Follower{height:50px;justify-content:space-between}.Follower,.Follower .user-info{align-items:center;display:flex}.Follower .user-info{cursor:pointer;gap:10px}.Follower .follow-link{color:var(--accent-color)}.Post{border:1px solid var(--border-color);border-radius:4px;margin-top:20px}.Post .heading{align-items:center;cursor:pointer;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:5px}.Post .footer .like .icon{font-size:1.5rem}.Post .footer .caption{margin-top:12px}.Post .footer .time-ago{color:#aaa;margin-top:12px}.Feed{height:100vh;margin-top:60px}.Feed .container{display:flex;gap:25px;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 .suggestions{margin-top:30px}.Profile{margin-top:60px}.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 .profile-card .user-image{border-radius:50%;height:80px;width:80px}.Profile .profile-card .follower-info,.Profile .profile-card .user-name{margin-top:12px}.Profile .profile-card .bio{margin-top:6px}.Profile .profile-card .follower-info{align-items:center;display:flex;gap:50px;justify-content:center}.Profile .profile-card .follow,.Profile .profile-card .update-profile{margin-top:15px}.Profile .profile-card .follow-link{color:var(--accent-color);margin-top:5px}.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 .image-container{margin-top:20px}.CreatePost .right-part .image-container .postImage{aspect-ratio:16/9;width:100%}.CreatePost .right-part .labelImage{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 .inputImage{display:none}.CreatePost .right-part .bottom-part{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:20px}.UpdateProfile{padding-top:20px}.UpdateProfile .container{display:flex}.UpdateProfile .left-part{flex:1 1;text-align:center}.UpdateProfile .left-part .input-user-image{align-items:center;display:flex;justify-content:center}.UpdateProfile .left-part .input-user-image .labelImage{border:2px dashed var(--accent-color);border-radius:50%;cursor:pointer;height:80px;width:80px}.UpdateProfile .left-part .input-user-image .labelImage img{border-radius:50%;height:100%;object-fit:cover;width:100%}.UpdateProfile .left-part .input-user-image .inputImage{display:none}.UpdateProfile .right-part{flex:3 1}.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:15px 0;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:#eb0202;margin-top:15px}
/*# sourceMappingURL=main.8d24e999.css.map*/