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;
}
.italic {
  font-style: italic;
}

/* 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 */
/* Project. FLDO */

#project_info {
  display: block;
}
#project_info_column_left {
  /* Narrow screen. */
  display: block;
  padding-bottom: 1em;
}
#project_info_column_right {
  display: block;
}

.project_header {
}
.project_title_section {
}
.project_title {
  /* font-size: 1.5em; */
  font-size: 2em;
  text-decoration: none;
}
.project_image_section {
  display: flex;
  
  /* margin: 3px; */
}
.project_image_container {
  /* flex: 1; */
  /* flex-shrink: 1; */
  /* flex-grow: 1; */
  width: calc(100%/3 - 2px);
  padding-right: 3px;
}
.project_image {
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: white;
}
.project_image:last-child {
  margin-right: 0;
}
.project_description {
  padding-top: 0.5em;
}
/*
.project_release {
  padding-top: 1em;
}
.project_play_time {
  padding-top: 1em;
}
.project_difficulty {
  padding-top: 1em;
}
.project_play {
  padding-top: 1em;
}
*/
.more_info_list {
  padding-top: 1.5em;
}
.more_info_list_item {
  /* padding-bottom: 0.5em; */
  padding-bottom: 0.75em;
}
.hidden_heading {
  height: 0;
  margin: 0;
  padding: 0;
}

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

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

/* FLDC */

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

#project_info {
  display: flex;
}
#project_info_column_left {
  flex: 0.2;
  padding-bottom: 0;
}
#project_info_column_right {
  flex: 0.8;
  margin-left: 1em;
}
.project_image_section {
  padding-top: 0;
  display: block;
}
.project_image_container {
  height: auto;
  width: 100%;
  margin-right: 0;
}
.project_image {
}

}