.articles-hero{text-align:center;background-image:url(/images/articles.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 0 0 200px;padding:150px 0}.articles-container h1{color:#fff;margin:0;padding:0;font-size:35px}.articles_page{padding:0 60px}.trending-artcles{border-radius:10px;min-height:100vh;margin:10px 30px}.all-post-container{background-color:#19202e;border-radius:10px;min-height:100vh;margin:0 30px}@media screen and (max-width:1024px){.trending-articles{padding-top:20px}.trending-articles h1{padding-left:20px}.trending-articles-container{gap:20px}.articles-hero{border-radius:0 0 0 100px}}@media screen and (max-width:768px){.articles-hero{padding:80px 0}.trending-artcles h1{text-align:center}.trending-articles-container{gap:20px}}@media screen and (max-width:480px){.hero-container h1{font-size:24px}.search-bar input{width:100%}}
.remove{text-decoration:none}.post-item{text-align:center;background-color:#fff;border-radius:10px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 8px #0000001a}.post-item:hover{transform:translateY(-15px)}.post-item img{object-fit:cover;width:100%;height:300px}.post-item h3{color:#333;margin:0;padding:15px;font-size:1.1em}.pagination-container{box-sizing:border-box;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:20px;display:flex}.pagination{justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.pagination li{margin:0 5px;display:inline-block}.pagination a{color:#fff;background-color:#1a212f;border-radius:5px;padding:10px 15px;text-decoration:none;transition:background-color .3s}.pagination a:hover{color:#f98600;background-color:#222}.pagination a.active{background-color:#f98600}.chevron{cursor:pointer;width:60px;padding:10px;transition:transform .3s}.chevron:hover{transform:scale(1.1)}
.all-posts{flex-direction:column;justify-content:center;width:85%;max-width:1200px;margin:20px auto;display:flex}.all-posts h1{text-align:center;color:#fff;padding-top:15px}.search-bar{border-radius:10px;justify-content:center;width:50%;margin:0 auto 20px;display:flex}.search-bar input{outline:none}.no-results{text-align:center;justify-content:center;align-items:center;height:300px;font-size:1.5em;display:flex}.no-results p{text-align:center;color:#fff}input{background:#fff;border:1px solid #fff;border-radius:5px;width:calc(70% - 20px);height:30px;padding:20px}.post-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:30px;display:grid}.pagination{justify-content:center;margin:20px 0;padding-bottom:20px;display:flex}.pagination-button{color:#fff;cursor:pointer;background-color:#0272ea;border:none;border-radius:5px;margin:0 5px;padding:10px 15px;transition:background-color .3s}.pagination-button:hover{background-color:#0254b2}.pagination-button:disabled{cursor:not-allowed;background-color:#ccc}.pagination-button.active{background-color:#f98600}@media screen and (max-width:1024px){.all-post-container{margin:0}}@media screen and (max-width:768px){.all-post-container{padding:20px}.search-bar{align-content:center;width:100%}.pagination{margin-top:15px}}@media screen and (max-width:480px){.search-bar input{width:100%}.post-item h3{font-size:.9em}}
h1{text-align:center}.trending-articles-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:40px;display:grid;overflow:hidden}.no-result{justify-content:center;align-items:center;height:200px;font-size:1.5em;display:flex}.no-result p{color:#555}
.remove{text-decoration:none}.article-card{text-align:center;background-color:#fff;border-radius:10px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 8px #0000001a}.article-card:hover{transform:translateY(-15px)}.article-card img{object-fit:cover;width:100%;height:300px}.article-card h3{color:#333;margin:0;padding:15px;font-size:1.1em}