/* Blog content */

.blog-card {
    width: 100%;
    height: 100%;
    display: flex;
    text-decoration: none;
    position: relative;
    color: var(--dark);
    display: inline-block;
}

.blog-card .blog-image {
    background-size: cover;
    background-position: center;
    aspect-ratio: 5/3;
}

.blog-card .blog-info .h5 {
    font-size: 1rem;
}

.blog-card .blog-info .h3 {
    font-weight: 700;
    font-size: 1.5rem;
}

.blog-card .blog-info .blog-description {
    font-size: 0.95rem;
    margin-top: 0.5rem;
}

.blog-card .blog-info .blog-date {
    font-size: 0.875rem;
    margin-top: 0.5rem;
    color: var(--color-primary);
}