pre {
  font-family: "DejaVu Sans Mono", "Noto Sans Mono", monospace;
  line-height: 1.0;
}
  /* Rainbow gradient that slides across the text */
  .rainbow-text {
    background: linear-gradient(
      90deg,
      #ff0040,
      #ff7a00,
      #ffd400,
      #35d04a,
      #00c9ff,
      #0055ff,
      #8a2be2,
      #ff0040
    );
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;               /* makes the gradient show through the text */
    animation: rainbowShift 6s linear infinite;
    /* keeps monospace layout intact, just in case */
    font-family: inherit;
    white-space: pre;
  }

  @keyframes rainbowShift {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
  }

  /* Respect users who prefer reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .rainbow-text {
      animation: none;
      background-size: 100% 100%;
    }
  }
/* End rainbows */

.layout {
  display: flex;           /* put children side by side */
  align-items: flex-start; /* align tops */
  }

.sitemap {
  width: 250px;            /* fixed or % width */
  padding: 10px;
  /* border-right: 1px solid green; */
  margin-top: 200px; 
  }

.main {
  color: green;
  background-color: black;
  padding: 10px;
  font-family: monospace;
  flex: 1;                 /* take the remaining width */
  padding: 10px;
  }

.main p {
  margin: 0 0 1em 0;
  }

footer {
  text-align: center;
  color: green;
  background-color: black;
  padding: 10px;
  font-family: monospace;
  font-size: 1.4em; 
  max-width: 1000px;   /* or whatever matches your layout */
  margin: 0 auto;      /* centers footer within the page */
  }


div.gallery {
	margin: 0px; 
	float: left;
	width: 180px;
    } 
div.gallery img {
	width: 180px; 
	height: 200px;
	}


/* generated by tree commnand */
  body {
    font-family: monospace, sans-serif;
    color: green;               /* text color */
    background-color: black;    /* page background */
  }
  p {
    font-family: monospace, sans-serif;
    color: green;
    margin: 0px;
    padding: 0px;
  }
  a:link, a:visited {
    color: purple;               /* make links green too */
    text-decoration: none;
    margin: 0px;
    padding: 0px;
  }
  a:hover {
    text-decoration: underline;
    background-color: yellow;   /* keep hover effect */
    margin: 0px;
    padding: 0px;
  }
  .VERSION { font-size: small; font-family: arial, sans-serif; }