/* ------------------- */
/* 1. Body styling     */
/* ------------------- */
body {
  background-color: #013220;   /* Dark green background */
  color: #C0FFC0;              /* Light green text */
  margin: 0;                    /* Remove default page margin */
  min-height: 100vh;            /* Ensure short pages fill the viewport */
  display: flex;
  flex-direction: column;       /* Stack content vertically */
  justify-content: center;      /* Vertical centering for short pages */
  text-align: center;           /* Center all text horizontally */
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; /* Default font */
  padding: 20px;                /* Optional: some breathing room on mobile */
}
/* Story page layout override */
body.story-page {
    text-align: left;
}

/* Optional: create readable margins */
.story-page .story-container {
    max-width: 700px;
    margin: 60px auto;
    line-height: 1.6;
    font-size: 18px;
}

/* Optional: indent paragraphs like a traditional book */
.story-page p {
    text-indent: 2em;
    margin-bottom: 1em;
}

/* ------------------- */
/* 2. Links            */
/* ------------------- */
a:link {
  color: #66FF66;   /* Normal link color */
}
a:visited {
  color: #339933;   /* Visited links color */
}
a:active {
  color: #99FF99;   /* Active/clicked link color */
}

/* ------------------- */
/* 3. Images           */
/* ------------------- */
img {
  max-width: 300px;  /* Keep images small like logos */
  height: auto;      /* Maintain aspect ratio */
}

/* ------------------- */
/* 4. ASCII Art        */
/* ------------------- */
ascii-art {
  font-family: 'Courier New', monospace;  /* Fixed-width for ASCII art */
  font-size: 13px;                        /* Small font for detailed art */
  line-height: 13px;                       /* Keep line spacing tight */
  text-align: center;                      /* Center inside pre */
  margin: 0 auto;                          /* Center pre horizontally */
}

/* Optional wrapper for ASCII to prevent flex stretching */
.ascii-container {
  display: inline-block;    /* Shrink-wrap tall ASCII art */
  text-align: center;       /* Center horizontally */
}