html { background-color: /*#666000*/#005066; color: white; font-family: sans-serif; max-width: 20em; margin: auto; font-size: 1em; }
h1 { font-size: 1em; text-align: center; color: rgba(0,0,0,0.25); font-style: italic; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: #2182a8; }
h2 { font-size: 1em; text-align: center; padding-bottom: 0; margin-bottom: 0; }
a { font-size: 0.85em; text-align: left; color: #a0932b; line-height: 1.85em; text-decoration: none; }
a button { font-size: 1em; background-color: #325e5b; text-align: center; color: khaki; line-height: 1.85em; text-decoration: none; width: 100%; justify-content: center; align-items: center; }
a b { font-size: 1m; text-align: left; color: khaki; line-height: 1.85em; text-decoration: none; }
div { padding: 0.3em; }

a:hover,
li a:hover,
li a b:hover,
a button:hover { color: white; }

#header { background-color: rgba(255,255,255,0.15); }

#poem #author { font-family: serif; font-size: 0.77em; text-align: center; color: khaki; }
#poem p { font-size: 0.75em; text-align: left; padding-left: 1.5em;  line-height: 1.5em;}
#poem .comment { font-size: 0.7em; text-align: right; color: lightgray; }

#sources { background-color: rgba(255,255,255,0.15); font-size: 0.75em; text-align: left; color: rgba(0,0,0,0.25); }
#sources ul { padding-left: 2em; }

#sources li a,
#sources li a b { width: 100%; display: block; }

#footer { color: rgba(255,255,255,0.5); font-size: 0.5em; text-align: center; }