:root {
  --bg: #f8f8f8;
  --border: #ddd;
}

body {
  font-size: clamp(1em, 5vmin, 2em);
  /*corrugated linear gradient*/
  --s: 60px;
  --c1: #ebeeee;
  --c2: #ffffff;
  --g1: conic-gradient(at 37.5% 87.5%, #0000 75%, var(--c1) 0);
  --g2: conic-gradient(at 12.5% 62.5%, #0000 75%, var(--c2) 0);
  background: var(--g2) calc(var(--s) / 4) calc(var(--s) / 4), var(--g2) calc(5 * var(--s) / 4) calc(5 * var(--s) / 4), var(--g1), var(--g1) var(--s) var(--s) var(--c2);
  background-size: calc(2 * var(--s)) calc(2 * var(--s));
}
body main {
  padding: 20px;
}
body main .banner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body main .banner h1 {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body main .banner h1 img {
  max-height: 1.5em;
}
body main .banner a {
  color: black;
  padding: 3px 6px;
}
body main .galleryContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .galleryContainer img {
  max-width: 100%;
  border: 5px double black;
}

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