:root {
  --font-family: Iosevka, 'Courier New', Courier, monospace;
}

@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-Regular.woff2);
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-Italic.woff2);
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-Bold.woff2);
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-BoldItalic.woff2);
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-Condensed.woff2);
  font-style: normal;
  font-weight: 400;
  font-stretch: condensed;
}
@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-CondensedItalic.woff2);
  font-style: italic;
  font-weight: 400;
  font-stretch: condensed;
}
@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-CondensedBold.woff2);
  font-style: normal;
  font-weight: 700;
  font-stretch: condensed;
}
@font-face {
  font-family: Iosevka;
  src: url(/ass/IosevkaVdgd-CondensedBoldItalic.woff2);
  font-style: italic;
  font-weight: 700;
  font-stretch: condensed;
}

header {padding: 3%;}
header img {width: 100%}
main {
  padding: 0 3%;
  font-family: var(--font-family);
}
video::cue {
  font-family: var(--font-family);
}
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  gap: 1vh 1vh;
}
.gallery-item {
  flex: 1 1 auto;
  max-height: 28vh;
  width: auto;
  max-width: 100%;
  border-radius: 0.5rem;
}

.caption {
  color: dimgray;
  padding-left: 15px;
  border-left: 2px dimgray solid;
}