@import "reset.css";
@import "open-props.css";
@font-face {
  font-family: Piazzolla;
  src: url("../font/piazzolla-variable.woff2");
  font-style: normal;
  font-weight: 100 900;
}
@font-face {
  font-family: Piazzolla;
  src: url("../font/piazzolla-variable-italic.woff2");
  font-style: italic;
  font-weight: 100 900;
}
:root {
  font-size: 14pt;
}
body {
  font-family: Piazzolla, serif;
  background: black;
  color: white;
  max-width: var(--size-content-3);
  margin: auto;
}
h1 {
  margin-block: var(--size-4);
  text-align: center;
  font-size: var(--font-size-3);
  font-variant: small-caps;
  letter-spacing: var(--font-letterspacing-1);
  font-weight: bold;
  color: var(--teal-4);
}
p {
  margin-block: var(--size-2);
}
figure {
  margin-block: var(--size-3);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
img {
  max-width: var(--size-content-2);
  max-height: var(--size-content-2);
}
a {
  text-decoration: dotted underline;
  text-decoration-color: var(--teal-6);
}
i {
  font-style: italic;
}
strong {
  font-weight: 700;
}
.broken-link {
  text-decoration: dotted underline;
  text-decoration-color: var(--red-6);
}
.leaflet {
  height: var(--size-content-2);
}