/* Ensure the footer stays at the bottom */
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
.content {
    flex: 1;
}
footer {
    flex-shrink: 0;
}

/* Custom spacing for blog posts */
.blog-post {
    margin-bottom: 2rem; /* Add space between blog posts */
    padding-bottom: 1rem; /* Optional: Add padding at the bottom of each post */
    border-bottom: 1px solid #dee2e6; /* Optional: Add a bottom border for visual separation */
}