/* Homepage intro heading.
   The theme renders every h1 at font-weight 700, so a bare **bold** word can't
   stand out. Here we drop the heading to a lighter weight and let the bolded
   name (rendered as <strong>) pop with full weight + the theme accent color. */

.my .content h1 {
  font-weight: 400; /* item 1: rest of the heading is lighter */
}

.my .content h1 strong {
  font-weight: 700; /* item 2a: the name stays bold */
  color: var(--link-color); /* item 2b: accent color, adapts to light/dark */
}

/* Extra breathing room between the intro heading and the gif below it. */
.my .content h1 + p {
  margin-top: 2.5rem;
}