@font-face {font-family: gent; src: url(Gentium400.woff2); font-style: normal; font-weight: normal;}
@font-face {font-family: gent; src: url(Gentium401.woff2); font-style: italic; font-weight: normal;}
@font-face {font-family: gent; src: url(Gentium800.woff2); font-style: normal; font-weight: bold;}
@font-face {font-family: gent; src: url(Gentium801.woff2); font-style: italic; font-weight: bold;}

@font-face {font-family: noto; src: url(NotoSerifCondensed400.otf); font-style: normal; font-weight: normal;}
@font-face {font-family: noto; src: url(NotoSerifCondensed401.otf); font-style: italic; font-weight: normal;}
@font-face {font-family: noto; src: url(NotoSerifCondensed800.otf); font-style: normal; font-weight: bold;}
@font-face {font-family: noto; src: url(NotoSerifCondensed801.otf); font-style: italic; font-weight: bold;}

body {
background: #ffffff ; color: #314158;
font: 1em/1.5 noto, sans-serif;
hyphens: auto;
margin: 0 auto; max-width: 40em; padding: 0 1em;
}

a:link, a:visited {color: #0069a8;}
a:hover, a:active {color: #c70036;}

figure {margin: 1em 0;} figcaption {font-size: small; text-align: center;}

table {border-collapse: collapse; margin: 1em 0; table-layout: fixed; width: 100%;}
th, td {border: thin solid #cad5e2; padding: 0.2em 0.5em; vertical-align: top;}

.col2 {columns: 2;}
.hang {margin: 1em 0;} .hang p {margin: 0; padding: 0 0 0 1em; text-indent: -1em;}

/*
#c70036	#ff2056 rose
#bb4d00 #fe9a00 amber
#497d00 #7ccf00 lime
#0069a8 #00a6f4 sky
#314158 #62748e #cad5e2 slate
*/