.blog-card {
    border: 1px solid var(--border);
    box-shadow: 0px 5px 25px var(--shadow);
}

.blog-card:hover {
    transform: scale(1.01);
}

.blog-card .thumbnail {
    height: 225px;
}

.blog-card .tags {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 2rem;
}

.blog-card .tags .tag {
    color: var(--white);
    background-color: var(--sky-blue);
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 1.25rem;
    white-space: nowrap;
}

.blog-card .tags .tag:last-child {
    margin-right: 0;
}

.blog-card .content {
    padding: 0 2rem 0 2rem;
}

.blog-card .content .title {
    color: var(--secondary);
    display: -webkit-box;
    height: 7rem;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 2rem;
}

.blog-card .content .excerpt {
    color: var(--neutral-variant);
    font-size: 1.8rem;
    line-height: 2.2rem;
    height: 7rem;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.blog-card .footer {
    padding: 0 2rem 0 2rem;
}

.blog-card .footer .author .picture {
    width: 5rem;
    height: 5rem;
}

.blog-card .footer .author .details {
    color: var(--neutral);
}

.post-content th,
.post-content td {
  border: 2px solid #cbd5e1 !important;
  padding: 8px !important;
  text-align: left !important;
  background-color: #fff !important;
}

.post-content th {
 font-weight: 700;
}

table tr td {
  word-wrap: break-word;
}
