/*
@font-face {
  font-family: 'stix2';
  src: url('../fonts/STIXTwoText-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'stix2';
  src: url('../fonts/STIXTwoText-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'stix2';
  src: url('../fonts/STIXTwoText-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'stix2';
  src: url('../fonts/STIXTwoText-BoldItalic.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
}

:root {
  --pico-font-family: 'stix2', sans-serif;
}
*/

a,
a:visited {
  text-decoration: none;
  color: rgb(81, 180, 255);
}

a:hover {
  text-decoration: none;
  color: rgb(209, 229, 251);
}

header {
  text-align: center;
}

footer {
  text-align: right;
}

#image-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#image-grid figure {
  border: 1px solid;
  border-radius: var(--pico-border-radius);
  background-color: rgba(43, 53, 63, 0.5);
  margin-bottom: 1rem;
  overflow: hidden;
}

#image-grid img {
  max-height: 90vh;
  display: block;
  width: auto;
}

#image-grid figcaption {
  text-align: right;
  font-weight: bold;
  padding-right: 1rem;
}

#galleries {
  max-width: 640px; /* Adjust as needed */
  margin: 0 auto;   /* Center the section */
}

#galleries article h4 {
  text-align: center;
}

#galleries article {
  /* A semi-transparent dark background for the dark theme */
  background-color: rgba(43, 53, 63, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1); /* A subtle border to define the edges */
  padding: 1.5rem;
  border-radius: var(--pico-border-radius);
}

#galleries article small {
  display: block;
  text-align: right;
}