/* Set body background */

body {

    background-color: #000000;

    margin: 0;

    padding: 0;

    font-family: 'Poppins', sans-serif;

}



/* Main Container */

.blog-container {

    max-width: 1000px;

    margin: 50px auto;

    padding: 30px;

    background-color: #000000;

    color: #f9d342;

}



/* Headings */

h1, h2 {

    text-align: center;

    margin-bottom: 20px;

    color: #f9d342;

}



h1 {

    font-size: 2.5rem;

}



h2 {

    font-size: 1.8rem;

}



/* Blog Posts List */

.blog-posts-list {

    display: flex;

    flex-direction: column;

    gap: 25px;

}



/* Blog Post Card */

.blog-post {

    background-color: #ffffff;

    color: #282828;

    padding: 25px;

    border-radius: 10px;

    box-shadow: 0 0 10px rgba(249, 211, 66, 0.4);

}



.blog-post .date {

    font-size: 0.9em;

    color: #666;

    margin-bottom: 10px;

}



/* Read More Button */

.btn-readmore {

    display: inline-block;

    margin-top: 10px;

    padding: 10px 20px;

    background-color: #f9d342;

    color: #282828;

    font-weight: bold;

    border-radius: 5px;

    text-decoration: none;

}



.btn-readmore:hover {

    background-color: #e6c82e;

}



/* No Posts Message */

.no-posts {

    text-align: center;

    font-size: 1.2rem;

    margin-top: 40px;

}



/* Mobile Responsive */

@media (max-width: 600px) {

    .blog-container {

        margin: 20px;

        padding: 20px;

    }

}