/*
$background: #86bf82;
$light: #34c230;
$main: #248721;
$dark: #175616;
$very-dark: #0a260a;
$highlight: #fcffa0;
*/
html {
  font-family: Helvetica, Arial, sans-serif;
  font-size: clamp(12px, 1.5rem, 1.5rem);
  background-color: #dad7cd; }
  html body {
    padding: 0.25vw;
    border-radius: 0.3vw;
    border: 1px solid #344e41; }
    html body h1, html body h2, html body h3 {
      font-family: Georgia, 'Times New Roman', Times, serif;
      background-color: #588157;
      color: #fff8df;
      padding: 1vw;
      margin: 0; }
    html body header {
      border-top-left-radius: 0.3vw;
      border-top-right-radius: 0.3vw;
      background-color: #588157;
      position: sticky;
      top: 0;
      z-index: 1000;
      padding: 1vw 0; }
      html body header img {
        padding-left: 1vw;
        max-width: 7em; }
      html body header nav {
        padding: 1vw 0;
        background: #3a5a40;
        color: white; }
        html body header nav a {
          color: white;
          padding: 0.5vw;
          text-decoration: none; }
          html body header nav a:hover {
            text-decoration: underline; }
          html body header nav a:first-child {
            padding-left: 1em; }
    html body section {
      padding: 1vw;
      font-size: clamp(12px, 1rem, 1.5rem); }
      html body section.subfolders {
        background-color: #a3b18a; }
      html body section.images ul {
        justify-content: center; }
      html body section ul {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap; }
        html body section ul.bullet {
          list-style-type: disc;
          display: block; }
          html body section ul.bullet li {
            text-align: left;
            border: none; }
        html body section ul li {
          border: 1px solid #344e41;
          background-color: #dad7cd;
          padding: 0.5vw;
          margin: 0.5vw;
          border-radius: 0.5vw;
          text-align: center; }
      html body section.links {
        list-style-type: circle; }
    html body footer {
      font-size: 75%;
      background: #3a5a40;
      color: #fff8df;
      z-index: 1000;
      padding: 1vw;
      border-bottom-left-radius: 0.3vw;
      border-bottom-right-radius: 0.3vw; }
      html body footer a {
        color: #fff8df;
        text-decoration: underline; }
      html body footer .terms, html body footer .privacy, html body footer .copyright, html body footer .support {
        width: 75%;
        text-align: center;
        padding: 0.25em 0;
        margin: 0 auto; }
      html body footer .built {
        text-align: right;
        font-size: 75%; }
    html body .microlb-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.85);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      flex-direction: column; }
    html body .microlb-img-full {
      max-width: 90%;
      max-height: 80%; }
    html body .microlb-close,
    html body .microlb-prev,
    html body .microlb-next {
      position: absolute;
      top: 20px;
      background: #fff;
      border: none;
      font-size: 18px;
      padding: 10px;
      cursor: pointer;
      z-index: 10000; }
    html body .microlb-close {
      right: 20px; }
    html body .microlb-prev {
      left: 20px;
      top: 50%;
      transform: translateY(-50%); }
    html body .microlb-next {
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }

/*# sourceMappingURL=style.css.map */