@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('./EBGaramond-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('./EBGaramond-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./EBGaramond-VariableFont_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./EBGaramond-VariableFont_wght.ttf') format('truetype');
}
html {
    font-size: 16px;
}
body{
    margin: 4rem 2rem;
    background-color:#FCFDFA;
}
content{
    font-family: 'EB Garamond', Garamond, 'Times New Roman', Times, Georgia, serif;
    font-size: 1.2rem; /* EB Garamond is a small font and we need to boost it */
    display:block;
    max-width:48rem;
    margin:0 auto;
    line-height:1.5;
    color:#302830;
    background-color:#FCFDFA;
    padding:6px 20px;
}
h1,h2,h3 {
    line-height:1.2;
}
pre,code,kbd,samp {
    font-family:Noto Sans Mono,monospace;
    padding:0 4px;
    color:#202020;
    background-color:#F0F5E6;
}
a {
    color:#123488;
    text-decoration:underline;
    text-decoration-style:dashed;
}
a:hover,a:active{
    color:#0000DD;
}
.small{
    font-size:0.75rem;
    font-family:Noto Sans,sans;
}
.large{
    font-family: 'EB Garamond', Garamond, Georgia, serif;
    font-size:1.5rem;
}
.filagree {
    display: block;
    margin: 0 auto;
    padding: 15px 0 0 0;
    width: 180px;
}
.filagree_top {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 400px;
}

.category_title {
    text-align: center;
    font-variant: small-caps;
}
.subtitle {
    text-align: center;
    font-style: italic;
}

div.note {
    margin: 1em 3em;
    color: #555;
    border-left: 2px solid #555;
    padding-left: 1em;
    font-size: 0.85em;
}
table {
    border-collapse: collapse;
}
th, td {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}
table, th, td {
    border: 1px solid;
}