body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

h1, h2, h3, h4, h5, h6, nav, .post-navigation a {
    font-family: 'IBM Plex Sans Thai', sans-serif;
}

.blog-post-card {
    transition: transform 0.3s ease;
    width: 100%;
    max-width: 600px;
    margin-bottom: 1rem;
}

.blog-post-card:hover {
    transform: translateY(-5px);
}

.flex-grow-1 {
    flex-grow: 1;
}

.min-vh-100 {
    min-height: 100vh;
}

.post-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.post-navigation a {
    padding: 0.5rem 1rem;
    background-color: #357edd;
    color: white;
    text-decoration: none;
    border-radius: 0.25rem;
    font-weight: bold;
}

.post-navigation a:hover {
    background-color: #2b6cb0;
}

.post-navigation .next-link {
    margin-left: auto;
}

.post-navigation .prev-link + .next-link {
    margin-left: 1rem;
}