.card {
  width: 300px;
  border-radius: 10px;
  background-color: var(--primary-bg-color);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.card-avatar {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card-content {
  padding: 0 1rem;
  font-family: "Inter-Medium";
}

.card figure {
  border: 1px solid black;
}
.card-title {
  color: var(--primary-text-color);
}

.card-description {
  color: var(--secondary-text-color);
  font-size: 18px;
}

.card-footer {
  padding: 0 1rem;
}

.author-details {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
}

.author-name {
  color: rgb(95, 89, 89);
  color: var(--primary-text-color);
  font-family: "Inter-Regular";

  font-family: "Inter-Bold";
}
.post-info {
  display: flex;
  gap: 1rem;
  font-family: "Inter-Regular";
  color: rgba(128, 128, 128, 0.53);
  color: var(--secondary-text-color);

  font-size: 14px;
  padding: 2px 0;
}

.author-avatar {
  border-radius: 50%;
}
