/* Shared style for the single-page background-image sites (aleta.tw, fcg.fyi,
   hupo.taiwan, bananakingdom.taiwan). The per-site background image, its sizing
   (cover vs contain) and the text colour are supplied as CSS custom properties
   set inline in each page from Hugo params. */

* { box-sizing: border-box; }

/* Option C responsive background: a real <img> used as a full-viewport,
   fixed, cover backdrop (replaces the CSS background-image on these pages).
   .bg--contain is for images that must not be cropped (e.g. a drawing). */
.bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.bg--contain { object-fit: contain; }

@media all and (orientation: portrait) {
  html { min-height: 100%; }
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--fg, #000000);
  font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  text-align: center;
  margin: 2em auto 1em;
}

#subtitle {
  font-size: 0.6em;
  text-align: center;
  margin: 1em auto;
}

#contact {
  font-size: 1.2em;
  text-align: center;
  margin: 2em auto;
}