--- --- .centercol { counter-reset: heading; } h1:not(.irrelevant *):before { content: counter(heading)" "; counter-increment: heading; } h1:not(.irrelevant *) { counter-reset: subheading; } h2:not(.irrelevant *):before { content: counter(heading)"." counter(subheading)" "; counter-increment: subheading; } h2:not(.irrelevant *) { counter-reset: subsubheading; } h3:not(.irrelevant *):before { content: counter(heading)"." counter(subheading)"." counter(subsubheading)" "; counter-increment: subsubheading; } @font-face { font-family: CMUSerif; src: url(/assets/css/fonts/cmunrm.ttf); font-weight: heavy; } @font-face { font-family: CMUMono; src: url(/assets/css/fonts/cmuntt.ttf); } body { font-family: CMUSerif; } img { max-width: 100%; } figcaption { text-align: center; } .tcenter { text-align: center; } pre code { display: block; padding: 10px; border-top: 2px dotted gray; border-bottom: 2px dotted gray; } table, th, td { border: 1px solid black; } th, td { padding: 5px; } .bigger { font-size: 1.2em; } .bit_bigger { font-size: 1.1em; } a { text-decoration: none; } a:link { color: blue; } a:visited { color: violet; } a:hover { color: cyan; } .sitetitle a, { color: black } .cup { max-height: 1.5em; height: 1.5em; margin-left: 0.5em; } .sitetitle { display: flex; flex-direction: row; align-items: center; justify-content: center; } h1,h2,h3,h4,h5,h6 { text-align: center; } .right { text-align: right; float: right; } .aba { display: flex; flex-direction: row; align-items: top; justify-content: center; } .rimg { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200%; max-width: 200%; } @media only screen and (max-width : 850px) { .aba { display: flex; flex-direction: column; align-items: center; justify-content: top; } .rimg { margin: 1em 0 0 0; width: 70%; max-width: 70%; } } .post_listing { margin-top: 40px; margin-bottom: 40px; } nav ul { list-style: none; padding: 0; margin: 0; text-align: center; } nav ul li { display: inline; margin-right: 1em; white-space: nowrap; } hr { color: gray; border: 0; border-bottom: 1px dashed; } table { margin-left: auto; margin-right: auto; } .centercol { width: 50em; max-width: 94vw; display: block; margin: auto; }