.Login{align-items:center;background-color:var(--theme-color);display:flex;height:100vh;justify-content:center}.Login .heading{text-align:center}.Login .login-box{background-color:var(--theme-box-color);border:1px solid #000;border-radius:4px;min-width:400px;padding:40px}.Login input,.Login label{display:block;margin-block:8px;width:100%}.Login input{border:1px solid #000;border-radius:4px;padding:8px 16px}.Login .submit{background-color:#aba3f3;border:none;color:#fff;margin-top:16px}.Login label{font-weight:700}.Login .submit:hover{background-color:#6155ce;font-weight:700}.Login .subheading{margin-top:16px}.Signup{align-items:center;background-color:var(--theme-color);display:flex;height:100vh;justify-content:center}.Signup .heading{text-align:center}.Signup .signup-box{background-color:var(--theme-box-color);border:1px solid #000;border-radius:4px;min-width:400px;padding:40px}.Signup input,.Signup label{display:block;margin-block:8px;width:100%}.Signup input{border:1px solid #000;border-radius:4px;padding:8px 16px}.Signup .submit{background-color:#aba3f3;border:none;color:#fff;margin-top:16px}.Signup label{font-weight:700}.Signup .submit:hover{background-color:#6155ce;font-weight:700}.Signup .subheading{margin-top:16px}.Navbar{background-color:var(--theme-nav-color);border-bottom:1px solid var(--border-color);height:60px}.Navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between}.Navbar .right-side{align-items:center;display:flex;gap:20px}.Navbar .right-side .logout{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.Avatar{border-radius:50%;height:32px;width:32px}.Avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.Feed{height:100vh}.Feed .container{display:flex;gap:20px}.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:40px}.Post{background-color:var(--theme-box-color);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:10px}.Post .footer .like .icon{font-size:1.5rem}.Post .footer .caption{margin-top:12px}.Post .footer .time-ago{color:#aaa;margin-top:12px}.Follower{background-color:var(--theme-box-color);height:60px;justify-content:space-between;padding:20px}.Follower,.Follower .user-info{align-items:center;display:flex}.Follower .user-info{cursor:pointer;gap:20px}.Follower .follow-link{color:var(--accent-color)}.Profile .container{display:flex;gap:20px}.Profile .left-part{flex:2 1;overflow-y:auto}.Profile .right-part{background-color:var(--theme-box-color);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-img{border-radius:50%;height:80px;width:80px}.Profile .profile-card .bio{margin-top:6px}.Profile .profile-card .follower-info,.Profile .profile-card .user-name{margin-top:12px}.Profile .profile-card .follower-info{align-items:center;display:flex;gap:40px;justify-content:center}.Profile .profile-card .follow,.Profile .profile-card .update-profile{display:inline-block;margin-top:20px}.Profile .profile-card .follow-link{color:var(--accent-color);padding-top:20px}.create-post{background-color:var(--theme-box-color);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:20px;margin-top:20px;padding:20px}.create-post .left-part{flex-basis:content;flex-grow:0;flex-shrink:0}.create-post .right-part{flex-grow:1;margin-top:0}.create-post .right-part input{border:1px solid var(--border-color);border-radius:4px;padding:8px 16px;width:100%}.create-post .right-part .img-container{margin-top:20px}.create-post .right-part .img-container .post-img{aspect-ratio:16/9;width:100%}.create-post .right-part .label-img{align-items:center;background-color:var(--accent-color);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.create-post .right-part .input-img{display:none}.create-post .right-part .bottom-part{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.update-profile{margin-top:20px}.update-profile .container{display:flex}.update-profile .left-part{flex:1 1;text-align:center}.update-profile .left-part .input-user-img{align-items:center;display:flex;justify-content:center}.update-profile .left-part .input-user-img .label-img{border:.5px dashed #000;border-radius:50%;cursor:pointer;height:80px;width:80px}.update-profile .left-part .input-user-img .label-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.update-profile .left-part .input-user-img .input-img{display:none}.update-profile .right-part{background-color:var(--theme-box-color);flex:3 1;padding:20px}.update-profile .right-part form{border:1px solid var(--border-color);border-radius:4px;padding:20px}.update-profile .right-part input{border:1px solid var(--border-color);border-radius:4px;display:block;margin-top:16px;padding:4px 8px;width:100%}.update-profile .right-part .btn-primary{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.update-profile .right-part .delete-account{background-color:red;margin-top:16px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0d8d0;background-color:var(--theme-color);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;--theme-color:#f0d8d0;--theme-box-color:#f1e8e8;--theme-nav-color:#b7b8be}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:#79afff}.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:#e2e7ec}.btn-secondary:active{background:none}
/*# sourceMappingURL=main.d2fe83a9.css.map*/