*{box-sizing:border-box;--webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;padding:0}body{background-color:#fff}::-webkit-scrollbar{display:none}button{cursor:pointer;color:#fff;background-color:#3f3fe0;border:none;border-radius:4px;outline:none;min-width:50px;margin:3px;padding:4px;transition:all .3s}button:hover{background-color:#1a1aee}.posts-container{flex-wrap:wrap;justify-content:center;gap:15px;height:80vh;margin-top:20px;padding:20px;display:flex;overflow-y:scroll}.post-card{-o-transition:transform .2s ease,box-shadow .2s ease;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:300px;height:200px;padding:15px;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001a}.post-header{color:#555;justify-content:space-between;margin-bottom:8px;font-weight:500;display:flex}.post-title{color:#333;margin-bottom:10px;font-size:18px}.post-body{color:#666;font-size:14px;line-height:1.5}.post_container{background-color:#fff;flex-wrap:wrap;justify-content:center;gap:10px;height:70vh;margin:40px 0;padding:20px;display:flex;overflow-y:scroll}.post_card{-o-transition:all .3s ease;cursor:pointer;-ms-border-radius:5px;-o-border-radius:5px;border:1px solid gray;border-radius:5px;flex-direction:column;gap:10px;width:240px;height:250px;padding:10px;transition:all .3s;display:flex}.post_card:hover{transform:translateY(-5px);box-shadow:2px 2px 5px 2px #ccc}.pagination{width:200px;margin:0 auto;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.prev_btn:disabled,.next_btn:disabled{cursor:not-allowed;opacity:.6;color:#fff}