/* cpp20.css */

:root { font-size: 10pt; /* font-size: calc(4pt + 1vw); */ }
a:focus { color: #afcfefff; text-decoration: dotted underline; }
a:hover { color: #afcfefff; text-decoration: underline; } 
article h3 { text-align: center; }
body > main { display: flex; flex-flow: column wrap; margin: .5em auto; max-width: 120em; width: 100%; }
body > main > * { max-width: 48em; padding: 1em 2em; width: 100%; }
body > main > section { align-items: center; display: flex; flex-flow: row wrap; justify-content: space-around; margin: 1em; max-width: 80em; width: 100%; }
body > main > section > article { max-width: 24em; width: 100%; }
h2, h3 { margin: .5em; text-align: center; }
li a, p { font-family: 'Fira Code', 'Courier', 'Courier New', sans-serif; }

/* eof - cpp20.css */