.post-container{max-width:600px;margin:0 auto;padding:1rem}.post-container form{flex-direction:column;align-items:center;display:flex}.post-image{width:100%;height:0;margin-bottom:1rem;position:relative}.post-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.post-image label{cursor:pointer;color:#252525;background:#0003;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-image input[type=file]{display:none}.post-overlay{position:relative}.post{flex-basis:calc(33.333% - 20px);margin:10px}.post-header{align-items:center;margin-bottom:.5rem;display:flex}.post-avatar{border-radius:50%;width:2rem;height:2rem;margin-right:.5rem}.post-username{font-weight:700}.post-actions{margin-bottom:.5rem;display:flex}.post-action{align-items:center;margin-right:1rem;display:flex}.post-action .like-count,.post-action .comment-count{margin-left:.5rem}.post-action .heart-icon,.post-action .comment-icon{width:1.5rem;height:1.5rem}.post-caption{margin-bottom:.5rem}.post-comments{position:flex;flex-direction:column;bottom:0;left:0;right:0}.comment{margin-bottom:.5rem;display:flex}.comment-username{margin-right:.5rem;font-weight:700}.comment-text{flex-grow:1}.comment-form{align-items:center;margin-bottom:.5rem;display:flex}.comment-form input[type=text]{flex-grow:1;margin-right:.5rem;padding:.5rem}.comment-form button[type=submit]{color:#fff;cursor:pointer;background-color:#3897f0;border:none;border-radius:.25rem;padding:.5rem}@media only screen and (width>=768px){.post-container{max-width:700px}}