:root {
    --title-author: var(--title) " by " var(--author);
    print-color-adjust: exact !important; /* Forces background images to print */
    -webkit-print-color-adjust: exact !important; /* Forces background images to print */
}

@page {
  margin: 0.5in 0.5in 0.6in 0.5in; 

  @bottom-left {
    font-size: 10px;
    font-family: "IBM Plex Sans", Verdana, sans-serif;
    vertical-align: top;
    content: var(--title-author);
}

  @bottom-right {
    font-size: 10px;
    font-family: "IBM Plex Sans", Verdana, sans-serif;
    vertical-align: top;
    content: "Page " counter(page) " of " counter(pages);
  }
}

body {
  min-width: 100%;
  width: 100%;
}

.page-div {
  min-width: 100%;
  width: 100%;
  margin: 0px;
}

.flex-wrapper img {
  margin-top: 0px;
}

.header-div, 
.header-div-email {
  margin: 0px;
}

.header-div h1 {
  font-size: 32px;
}

.email .header-div h1 {
  font-size: 24px;
}

.puzzle-icon {
  height: 50px;
  width: 50px;
}

.flex-wrapper img.color-icon {
  margin-top: 10px;
}

.font-icon {
  font-size: 16px;
}

.meta-icon {
  font-size: 20px;
}

.content-div {
  min-width: 100%;
  width: 100%;
  margin: 10px 0px 0px 0px;
  border: none;
}

body.regular .flavor-text {
  color: black;
  background-color: white;
  border-color: #00dd00;
  border-width: 4px;
}
body.email .flavor-text,
body.preflight .flavor-text {
  color: black;
  background-color: white;
}
body.meta .flavor-text {
  color: black;
  background-color: white;
  border-color: #f8e71c;
  border-width: 4px;
}
body.endgame .flavor-text {
  color: black;
  background-color: white;
  border-color: #f8e71c;
  border-width: 4px;
}

.flavor-text .question {
    color: black;
}

/* Usable on any puzzle content */
.online-only {
  display: none;
}

.printed-page-break-before,
h5 {
  break-before: page; /* Use to move to next printed page when convenient */
}

.printed-page-break-after,
h6 {
  break-after: page; /* Use to move to next printed page when convenient */
}