body { max-width: 50em; margin: auto; padding: 3em 1em; color: #000000; background-color: #fff8ee; background-image: url("/people/dolag/Hydro/background.png"); }
h1 { margin-top: 2em; color: #666666; }
h2 { margin-top: 2em; color: #666666; }
h3 { margin-top: 2em; color: #333333; }
h2 + h3 { margin-top: 1em; }
h1 { display: grid; grid-template-columns: max-content auto; row-gap: 0; column-gap: 0.5em; }
h1 > span        { grid-column-start: 1; }
h1 > span + span { grid-column-start: 2; }
pre { display: inline-block; background-color: #000000; color: #ccff00; padding: 0.5em 0.7em; margin: 0.2em 0; border-radius: 0.5em; font-weight: bold; font-size: 0.9em; }
code { font-family: monospace; font-weight: bold; color: #0000ff; white-space: pre; }
.wider { margin-left: 0.3em; margin-right: 0.3em; }
sub.larger { font-size: 100%; vertical-align: -0.5em; }
var { padding-right: 0.1em; }
em { font-weight: bold; color: red; }
.indent { margin: 0.5em 2em; }
.nobr { white-space: nowrap; }
.warn { color: red; }
.step { color: #996600; }
.file { color: #006600; white-space: nowrap; }
.updated { color: red; background-color: yellow; }
.figure { display: block; margin: 1em auto; text-align: center; }
.figure.border img { border: 1px solid #cccccc; }
ul.lectureplan time { color: black; font-weight: bold; }
ul.lectureplan b { color: #006699; }
ul.lectureplan span { color: gray; }
a { text-decoration-style: dotted; text-decoration-thickness: 1px; text-underline-offset: 0.1em; }
a:link    { color: #990099; }
a:visited { color: #990099; }
a:focus   { color: #0000ff; text-shadow: 0 0 5px #00ffff; }
a:hover   { color: #0000ff; text-shadow: 0 0 5px #00ffff; }
a:active  { color: #009900; text-shadow: 0 0 5px #ffff00; }
code a:link    { color: #0000ff; }
code a:visited { color: #0000ff; }
code a:focus   { color: #0000ff; text-shadow: 0 0 5px #00ffff; }
code a:hover   { color: #0000ff; text-shadow: 0 0 5px #00ffff; }
code a:active  { color: #009900; text-shadow: 0 0 5px #ffff00; }