.card {
  padding: calc(27rem / 16) calc(39rem / 16);
  max-width: calc(524rem / 16);
  background-color: white;
}

.date {
  color: var(--purple-2);
  font-size: calc(18rem / 16);
  font-weight: bold;
  line-height: calc(27rem / 16);
}

.author {
  color: var(--purple-1);
  font-style: normal;
  line-height: calc(21rem / 16);
  font-size: calc(14rem / 16);
  margin: calc(5rem / 16) 0 calc(7rem / 16) 0;
}

.content {
  line-height: calc(21rem / 16);
  color: var(--purple-2);
}

@media only screen and (max-width: calc(768rem / 16)) {
  .card {
    padding: 0;
    background-color: transparent;
  }
}
