Template:Blog post/styles.css

/* Title area (skin heading is the H1) */
.firstHeading { 
  font-size: 2.4rem; 
  line-height: 1.15; 
  font-weight: 800; 
  margin-bottom: 0.2rem;   /* smaller gap below title */
}

/* Byline */
.blog-byline { 
  color: #616161; 
  font-size: 0.98rem; 
  margin-top: 0;           /* remove extra space above */
  margin-bottom: 1rem; 
}
.blog-byline a { color: inherit; text-decoration: underline; }

/* Hero image */
.blog-hero { 
  margin: 1rem auto 0.75rem; 
  text-align: center;      /* center the image container */
}
.blog-hero-img { 
  display: block; 
  margin: 0 auto;          /* center the image itself */
  max-width: 100%; 
  height: auto; 
  border-radius: 8px; 
}
.blog-hero-cap { 
  text-align: center; 
  color: #6f6f6f; 
  font-size: 0.92rem; 
  margin-top: 0.45rem; 
  font-style: italic; 
}