/* Blog content */

.blog-card {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
    box-shadow: 5px 3px 10px var(--dark);
    transition: all 0.3s ease;
    border-radius: var(--border-radius);
}

.blog-card:hover, 
.blog-card:focus, 
.blog-card:active {
    box-shadow: 6px 4px 15px var(--dark);
}

.blog-card .image-area {
    aspect-ratio: 16 / 9;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.blog-card .blog-info {
    background-color: var(--subtlecolor);
    color: var(--secondary);
    border-radius: 0 0 1.3rem 1.3rem;
}

.blog-card .blog-info h3 {
    color: var(--highlight);
}

.blog-card-desc {
    font-weight: 400;
}