a:link,a:visited{color:#333;text-decoration:none}a:hover{color:#666}a:active,body{color:#333}body{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0}.blog-container{display:flex;margin:0 auto;max-width:100%;padding:70px}.category-menu{margin-right:20px;width:25%}.category-menu h2{font-size:18px;margin-bottom:10px}.category-button{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:block;font-size:14px;margin-bottom:10px;outline:none;padding:10px;text-align:left;width:60%}.category-button.active{border-color:#7f9ece;outline:none}.category-button.active,.category-button:hover{background-color:#7f9ece;color:#fff}.blog-list{background-color:#fff;border-radius:50px;margin:0 auto;padding:50px;width:100%}.blog-item{border-bottom:1px solid #bbb;display:flex;padding:20px 0;position:relative}.blog-item a{height:100%;left:0;position:absolute;text-decoration:none;top:0;width:100%;z-index:2}.blog-item img{border-radius:8px;height:120px;margin-left:10px;margin-right:20px;object-fit:cover;width:200px;z-index:2}.blog-item:hover{background-color:#fafafa}.blog-content{display:flex;flex:1;flex-direction:column;z-index:2}.blog-meta{align-items:center;display:flex;gap:30px;margin-bottom:10px}.blog-date{color:#888;font-size:14px}.blog-category{background-color:#adc5eb;border-radius:20px;color:#fff;display:inline-block;font-size:12px;padding:2px 12px;white-space:nowrap}.blog-title{font-size:16px;font-weight:700;margin-bottom:10px}.blog-link{align-items:center;color:#888;display:flex;font-size:14px;text-decoration:none}.blog-link:hover{text-decoration:underline}.load-more-button{background-color:#7f9ece;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin:20px auto;outline:none;padding:20px 60px;text-align:center}.load-more-button:hover{background-color:#5978a6}.load-more{margin-bottom:70px;text-align:center}@media (max-width:768px){.blog-container{padding:20px}.category-menu{margin-bottom:20px;width:100%}.category-button{font-size:16px;padding:15px;width:100%}.blog-item{flex-direction:column;padding:10px 0}.blog-item img{height:auto;margin-bottom:10px;margin-top:30px;width:100%}.blog-title{font-size:14px;margin-bottom:10px}.blog-meta{flex-direction:column;gap:10px}.load-more-button{font-size:16px;padding:15px 40px}.load-more{margin-bottom:30px;text-align:center}.category-menu{display:none}}