html { scroll-behavior: smooth; } 
body { font-family: Arial, sans-serif; color: #000; margin: 0; } 
body.c0 { background-color: #FBF; } 
body.c1 { background-color: #ECF; } 
body.c2 { background-color: #DDF; } 
body.c3 { background-color: #CEF; } 
body.c4 { background-color: #CFF; } 
body.c5 { background-color: #CFC; } 
body.c6 { background-color: #EFC; } 
body.c7 { background-color: #FFC; } 
body.c8 { background-color: #FDC; } 
body.c9 { background-color: #FBB; } 
h4, p, pre, blockquote, ol, ul, table, hr, footer { display: block; width: 96%; margin: 16px auto; background-color: inherit; box-sizing: border-box; } 
ol, ul { padding-left: 1.25em; list-style-position: outside; } 
h2, h3 { display: block; text-align: center; position: sticky; line-height: 32px; margin: 0 auto; background-color: inherit; white-space: nowrap; } 
h2 { z-index: 200; top: 0; height: 32px; } 
h3 { z-index: 300; top: 32px; height: 64px; } 
h4 { font-style: italic; } 
hr { border: 0; height: 1px; background-color: #000; } 
table { display: table; border-collapse: collapse; } 
table, tr, th, td { border: 1px solid black; } 
th, td { padding: 2px 8px; } 
blockquote { border-left: 4px solid #999; padding: 4px 8px 4px 12px; padding-left: 12px; margin-left: auto; margin-right: auto; word-wrap: break-word; position: relative; left: 0; } 
sup, sub { display: inline-block; font-size: 0.72em; line-height: 1; margin: 0 1px; } 
q { font-family: 'Verdana', sans-serif; } 
img { display: block; box-shadow: 0 4px 16px rgba(0,0,0,0.2); max-width: 100%; margin: 16px auto; height: auto; } 
.ds { font-family: 'Times New Roman', Times, serif; font-weight: bold; font-variant: small-caps; font-size: 1.25rem; line-height: 1; } 
a { text-decoration: none; } 
a:hover { color: red; text-decoration: underline; } 
footer { text-align: center; font-size: 12px; padding-top: 8px; padding-bottom: 32px; }