:root[data-theme="dark"] { --pico-background-color: var(--pico-card-background-color); --pico-muted-border-color: #555; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }

.logo { height: 3rem; width: auto; filter: drop-shadow(0 0 1.5px #08B9EE); }

/* Background: "Chicago skyline from Northerly Island looking northwest"
   by Daniel Schwen (https://commons.wikimedia.org/wiki/User:Dschwen)
   https://en.wikipedia.org/wiki/Chicago#/media/File:Chicago_sunrise_1.jpg
   Used under CC BY-SA (http://creativecommons.org/licenses/by-sa/4.0/)
   Grayscaled, darkened, cropped */
.hero {
  background: url('/images/background.jpg') no-repeat right / cover;
  background-color: #343434;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.intro { --pico-card-background-color: transparent; max-width: 40rem; }

.blog-series { font-style: italic; color: #777; }
.blog-author { margin-bottom: 0; }
.blog-date { color: #777; margin-bottom: 0; }
.social-icon { height: 27px; width: auto; }
.share { display: flex; align-items: center; gap: 0.5rem; }
.share-icon { height: 24px; width: auto; }