/*
@font-face {
  font-family: "Old Standard";
  src:
    local("Old Standard-Regular"),
    url("./fonts/OldStandard-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Old Standard";
  src:
    local("Old Standard-Italic"),
    url("./fonts/OldStandard-Italic.otf") format("opentype");
    font-style: italic;
}
@font-face {
  font-family: "Old Standard";
  src:
    local("Old Standard-Bold"),
    url("./fonts/OldStandard-Bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
  font-family: "Old Standard";
  src:
    local("Old Standard-BoldItalic"),
    url("./fonts/OldStandard-BoldItalic.otf") format("opentype");
    font-style: italic;
	font-weight: bold;
}
@font-face {
  font-family: "Old Standard Math";
  src:
    local("OldStandard-Math"),
    url("./fonts/OldStandard-Math.otf") format("opentype");
}
*/

@font-face {
  font-family: "Ysabeau";
  src:
    local("Ysabeau-Regular"),
    url("./fonts/Ysabeau-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Ysabeau";
  src:
    local("Ysabeau-Italic"),
    url("./fonts/Ysabeau-Italic.otf") format("opentype");
    font-style: italic;
}
@font-face {
  font-family: "Ysabeau";
  src:
    local("Ysabeau-Bold"),
    url("./fonts/Ysabeau-Bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
  font-family: "Ysabeau";
  src:
    local("Ysabeau-BoldItalic"),
    url("./fonts/Ysabeau-BoldItalic.otf") format("opentype");
    font-style: italic;
    font-weight: bold;
}


:root {
  color-scheme: light dark;
}

body {
    font-size: 1.2em;
	font-family: Ysabeau, Old Standard, Old Standard Math;
	background-image: url("./images/not-titled-landscape-1955.svg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color: light-dark(black, white);
    margin: 0;
}

header {
    background-color: light-dark(rgb(255 255 255 / 90%), rgb(30 30 30 / 95%));
    width: 94%;
    margin: 0em auto;
    padding: 0.5em 0%;
    text-align: center;
    margin-top: 1.5em;
    
}

nav ul {
    padding-left: 1em;
    padding-right: 1em;
}

nav li {
    display: inline-block;
    padding: 0 0em;
    width: 5em;
    max-width: 25%;
}

nav a {
	color: light-dark(black, white);
}

header > div {
    background-image: url("./images/baroque.svg");
    background-size: contain;
	background-position: center;
    background-repeat: repeat-x;
    height: 1.8em;
    margin-top: 1.6em;
    margin-bottom: 1.4em;
}

@media (prefers-color-scheme: dark) {
    header > div {
        /* filter: invert(1); */
        background-image: url("./images/baroque-white.svg");
    }
}

main {
    background-color: light-dark(rgb(255 255 255 / 90%), rgb(30 30 30 / 95%));
    width: 86%;
    margin: 0 auto;
    padding: 0.1em 4%;
    margin-bottom: 1.5em;
    padding-bottom: 1.6em;
}

section:first-child > h2 {
    margin-top: 0em;
}

figure {
    width: 33%;
    display: inline-block;
    margin: 0;
    padding: 0.5em;
    box-sizing: border-box;
}

@media (max-width: 40em) {
    figure {
        width: 50%;
    }
}

img {
    width: 100%;
}

figcaption {
    text-align: center;
}

figcaption span {
    white-space: nowrap;
}

/* dl {
    padding-left: 1em;
}

dt {
	font-weight: bold;
}
 */

main li {
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

ul + p {
    margin-top: 0;
}

p + ul {
    margin-top: 0;
}

p, ul, ol {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

details, summary {
    display: inline-block;
}

summary {
    text-decoration: underline;
}

details[open] {
    display: inline;
}

details[open] summary {
    text-decoration: none;
    font-weight: bold;
}

p.abstract {
    font-size: 0.85em;
    padding-left: 1.5em;
}