.gray-text {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
em.italic-text {
  font-family: Newsreader, ui-serif, Georgia, Cambria, Times New Roman, Times,
    serif;
  font-size: 110%;
  line-height: 100%;
}
.project-pair {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  display: grid;
  row-gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.project-pair:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
@media (min-width: 640px) {
  .project-pair {
    grid-template-columns: 1fr 2fr;
  }
}
aside.project-description {
  margin-top: 0.125rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}