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}.post-actions button{gap:5px}.post-modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.post-modal.open{display:block}.modal-content{background-color:#fff;border:1px solid #888;margin:15% auto;padding:20px;position:relative;width:80%}.close-modal{color:#aaa;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.close-modal:focus,.close-modal:hover{color:#000;cursor:pointer;text-decoration:none}.modal-content form{align-items:center;display:flex;flex-direction:column}.modal-content form input[type=file]{margin-bottom:10px}.modal-content form img{height:auto;margin-bottom:10px;max-width:100%}.modal-content form textarea{margin-bottom:10px;padding:10px;resize:vertical;width:100%}.modal-content form input[type=submit]{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:10px 20px}.modal-content form input[type=submit]:hover{background-color:#0056b3}.posts-container{align-items:center;display:flex;flex-direction:column}.post{border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:10px;max-width:600px;padding:10px;width:100%}.post-content{font-size:18px;margin-bottom:10px}.post-img{height:auto;max-width:100%}.post-actions button:first-child{margin-right:auto}.post-actions button:last-child{margin-left:auto}.sidebar{background-color:#333;color:#fff;height:100%;left:0;padding-top:20px;position:fixed;top:0;width:250px}.sidebar nav,.sidebar nav a{align-items:center;display:flex;flex-direction:column}.sidebar nav a{color:#fff;font-family:Roboto,sans-serif;font-size:1.2em;margin:10px;padding:10px;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background-color:#555}.main-content{margin-left:250px;padding:45px}.sorting{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;display:flex;flex-direction:column;padding:20px}.sorting h1{margin-bottom:20px}.sorting button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;max-width:200px;padding:10px 20px;transition:background-color .3s;width:100%}.sorting button:hover{background-color:#2980b9}.sorting button:first-child{margin-bottom:5px;margin-top:auto}.sorting button:last-child{margin-bottom:20px}.explore-container{align-items:center;background-color:#f5f5f5;display:flex;font-family:Arial,sans-serif;min-height:100vh}.main-content{margin:0 auto;max-width:768px;width:100%}.main-content,.post{align-items:center;display:flex;flex-direction:column}.post{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.post h1,.post img{margin-bottom:10px}.post img{height:auto;max-width:200px;width:100%}.post button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;gap:5px;margin-top:10px}.post-actions{justify-content:space-between;width:100%}.post-actions button{background:none}.post-actions .right-button{margin-left:auto}.follow-container{align-items:flex-end;gap:20px;position:fixed;right:20px;top:90px;z-index:1000}.follow-card,.follow-container{display:flex;flex-direction:column}.follow-card{align-items:center;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.1);padding:10px;width:100px}.follow-card img{border-radius:50%;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.follow-card h2,.follow-card h3{margin:5px 0}.follow-card button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:5px 10px}.follow-card button:hover{background-color:#0056b3}.container{align-items:flex-start;display:flex;justify-content:center;margin-left:60px;padding-top:20px}.profile-content{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);flex:1 1;max-width:600px;padding:20px}.user-profile{text-align:center}.user-profile img{align-self:center;border-radius:50%;height:100px;margin-bottom:10px;width:100px}.edit-section{background-color:#f0f0f0;box-shadow:0 0 5px rgba(0,0,0,.1);padding:20px}.edit-section input,.edit-section textarea{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px;width:100%}.edit-section button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.profile-section{align-items:center;background-color:#f0f0f0;box-shadow:0 0 5px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:20px}.profile-section p{flex:1 1;margin-right:20px}.profile-section button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.avatar-options{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.avatar-options img{border-radius:50%;cursor:pointer;height:80px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:80px}.avatar-options img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.avatar-options button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.user-profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.profile-header{margin-bottom:20px;text-align:center}.profile-header img{border-radius:50%;height:150px;margin-bottom:10px;object-fit:cover;width:150px}.profile-header h1{font-size:24px;margin-bottom:5px}.profile-header p{color:#777;font-size:14px;margin-bottom:10px}.profile-header button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.follower-counts{display:flex;gap:20px;margin-top:10px}.user-posts{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.user-posts .post{align-items:center;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:20px;width:300px}.user-posts .post img{height:200px;margin-bottom:10px;max-width:200px;width:100%}.post-actions{align-items:center;display:flex;justify-content:center;margin-top:10px}.post-actions button{align-items:center;background-color:initial;border:none;color:#888;cursor:pointer;display:flex;margin-right:10px}.post-actions button:hover{color:#333}
/*# sourceMappingURL=main.26696493.css.map*/