body {
  font-size: min(max(5vw, 18px), 25px);
  /* font-size: 20px; */
  font-family: serif;
  margin: 0;
  padding: 0;
}
#body_outer {
  display: flex;
  justify-content: center;
}
#body_inner {
  width: 29em;
  /* The viewport includes the scrollbar. */
  max-width: calc(100vw - 2em);

  padding-left: 0.5em;
  padding-right: 0.5em;
}

/* Header. FLDO */

#header {
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
}
#title {
  display: inline;
  padding-left: 0.15em;
  padding-right: 0.15em;
  /* font-size: 1.5em; */
  font-size: 2em;
}

/* FLDC */
/* Projects. FLDO */

.project_listings {
}
.project_listing {
  margin-bottom: 1em;
}

.project_listing_header {
  padding: 0.2em;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0.5em;
}
.project_listing_image.project_garbage {
  /* content: url("../media/test/project_listing_narrow_screen.png"); */
  content: url("../media/garbage/cover_crop4x1.svg");
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
}
.project_listing_image.project_bug {
  /* content: url("../media/test/project_listing_narrow_screen.png"); */
  content: url("../media/bug/cover_crop4x1.png");
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
}
.project_listing_title_section {
  margin-top: 0.25em;
}
.project_listing_title {
  /* font-size: 1.5em; */
  font-size: 2em;
  text-decoration: none;
}

/* FLDC */
/* Footer. FLDO */

.footer_spacer {
  text-align: center;
  padding-top: 1em;
}
#footer_flourish {
  display: inline;
}
#footer {
  margin-bottom: 1em;
}
#copyright {
  text-align: center;
  padding-bottom: 100vh;
}

/* FLDC */

/* Wide screen. */
@media (orientation: landscape) {

/* Projects. FLDO */

.project_listing_header {
  display: flex;
}
.project_listing_image.project_garbage {
  /* content: url("../media/test/project_listing_wide_screen.png"); */
  content: url("../media/garbage/cover_crop1x1.svg");
  min-width: 5em;
  max-width: 5em;
  height: auto;
}
.project_listing_image.project_bug {
  /* content: url("../media/test/project_listing_wide_screen.png"); */
  content: url("../media/bug/cover_crop1x1.svg");
  min-width: 5em;
  max-width: 5em;
  height: auto;
}
.project_listing_title_section {
  padding-left: 1em;
}

/* FLDC */

}