/* @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;
}
@font-face {
  font-family: "Garamond Math";
  src:
    local("Garamond-Math"),
    url("./fonts/Garamond-Math.otf") format("opentype");
} */
@font-face {
  font-family: "Elstob";
  src:
    local("Elstob"),
    url("./fonts/Elstob.woff2");
  font-weight: 200 800;
}
@font-face {
  font-family: "Elstob";
  src:
    local("Elstob-Italic"),
    url("./fonts/Elstob-Italic.woff2");
    font-style: italic;
  font-weight: 200 800;
}
@font-face {
  font-family: "New Computer Modern Math";
  src:
    local("NewCMMath-Book"),
    url("./fonts/NewCMMath-Book.otf") format("opentype");
}


:root {
    color-scheme: light dark;
}

body {
    font-size: 1.25em;
	font-family: Elstob, New Computer Modern Math;
    /* font-variant-numeric: lining-nums; */
    font-feature-settings: "ss18";
    font-variation-settings: 'SPAC' 1.0;
/* background-attachment: fixed; */
	color: light-dark(black, white);
    margin: 0;
}

@supports(padding:max(0px)) {
    body, header, footer {
        padding-left: min(0vmin, env(safe-area-inset-left));
        padding-right: min(0vmin, env(safe-area-inset-right));
        padding-top: min(0vmin, env(safe-area-inset-top));
        padding-bottom: min(0vmin, env(safe-area-inset-bottom));
    }
}

:root::before {
   content: '';
   position: fixed;
   z-index: -1;
   height: 100lvh;
   width: 100lvw;
   inset: 0;
	background-image: url("./images/not-titled-landscape-1955.svg");
	background-size: cover;
	background-position: center;
}

header, main{
    background-color: light-dark(rgb(255 255 255 / 95%), rgb(30 30 30 / 95%));
}

header {
    width: 94%;
    margin: 0em auto;
    padding: 0.5em 0%;
    text-align: center;
    margin-top: 1.5em;
}

nav ul {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 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 {
        background-image: url("./images/baroque-white.svg");
    }
} */

main {
    width: 86%;
    margin: 0 auto;
    padding: 0.1em 4%;
    margin-bottom: 1.5em;
    padding-bottom: 1.6em;
}

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

section.figures {
    text-align: center;
}

section.figures h2 {
    text-align: initial;
}

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

figure.large {
    width: 67%;
}

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

figure img, figure object {
    width: 100%;
}

figcaption span {
    white-space: nowrap;
}

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;
}

h3 {
    margin-bottom: 0.3em;
}

/* ul {
    list-style: disc;
} */