* { background-color: #F2F2F2; }
@font-face{ font-family: 'eb-garamond'; src:url('assets/eb-garamond.woff2') format('woff2'); }
main { max-width: 70ch; padding: 2ch; margin: auto; font-family: 'eb-garamond'; font-size: 20px; }
h1 { font-weight: normal; }
h2 { font-size: inherit; }
footer { padding-top: 20px; font-size: 9pt; }
a:link, a:visited, a:active { color: rgb(0,51,102); font-weight: bold; }
a:hover { color: rgb(179,112,0); font-weight: bold; }
img { max-width:60%; height:auto; vertical-align: middle; }
.flex-container { display: flex; flex-wrap: wrap; }
.flex-item-left { flex: 50%; }
.flex-item-right { flex: 50%; }
@media (max-width: 70ch) { .flex-item-right, .flex-item-left { flex: 100%; } }