:root {
  --bg-color: #999;
}

@font-face {
  font-family: "VT323-Regular";
  src: url("VT323-Regular.ttf") format("truetype");
}

/***
Copyright 2011, The VT323 Project Authors (peter.hull@oikoi.com)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
***/

body {
    font-family: "VT323-Regular";
    font-size: 1.3em;
    background-color: var(--bg-color);
    color: black;
}

h2 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 7px;
}

p {
    text-align: center;
}

.links { 
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.links a { 
    text-align: center;
    margin-bottom: 7px;
}

/***
EZ Gallery by netfriend - https://netfriend.neocities.org/ez-gallery/
Released under the Unlicense - https://unlicense.org/
***/

.photoviewer-inner, .photoviewer-stage, .photoviewer-footer {
  background-color: var(--bg-color);
}

.ezgallery.montage { 
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.ezgallery.montage img {
  flex: auto;
  margin: 0 8px 8px 0;
  border: 3px solid black;
  object-fit: contain;
  object-position: bottom;
  image-rendering: pixelated;
}

.entry { 
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: justify;
}

.entry p { 
  text-align: center;
  justify-content: justify;
  width: 100%;
  margin-top: -10px;
  margin-bottom: 7px;
}

.ezgallery.horizontal { 
  display: grid;
  grid-gap: 1px;
  gap: 1px;
  grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
  grid-auto-rows: minmax(100px, auto);
}

.ezgallery.horizontal a {
  text-align: center;
}

.ezgallery.horizontal img {
  text-align: center;
  vertical-align: middle;
  margin: 0 1px 1px 0;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
  object-position: bottom;
}

.footer {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  width: 100%;
}

.footer a {
  padding: 2px;
  border: 1px solid black;
}

@media (max-width: 600px) {
  .ezgallery.montage img {
    width: 130px;
  }
}