body { padding:2vh 2vw; font-family:'Roboto Condensed'; font-size:calc(14px + .8vw); color:rgb(50,50,50); background-color:rgb(250,250,250); }
header { text-align:center; }
header svg { width:6em; }

section { max-width:32em; margin:1em auto; text-align:justify; }
section img { max-width:40%; float:right; margin-left:.2em; clip-path:circle(); }
section h1,h2,h3 { font-size:1.9em; font-family:'Roboto'; font-weight:900; margin:1.5rem 4vw;}
section h2 { font-size:1.6em; }
section h3 { font-size:1.3em; }
section ol,
section ul { margin:1.4em 2em; padding:0; list-style:none; counter-reset:li; }
section ol li::before,
section ul li::before { color:rgb(150,150,150); font-weight:900; display:inline-block; width:3vw; margin-left:-3vw; text-align:center; }
section ol li::before { content:counter(li); font-size:.8em; font-style:italic; }
section ul li::before { content: "•"; }
section li { line-height:1.1em; padding:.4em 0; counter-increment:li; }
section li:first-child { padding-top:0; }
section li:last-child { padding-bottom:0; }
section a { padding:0 .1em; text-decoration:none; color:rgb(50,50,50); border-bottom:.08em solid rgb(200,200,200); }
section a:hover { border-width:.08em; border-color:rgb(0,150,250); }
section a:hover:visited { border-color:rgb(150,0,250); }
section pre { margin:1.4em 0; display:block; }
section code { font-size:.7em; font-family:'Roboto Mono'; font-weight:500; }
section table { margin:1.4em auto; }
section tbody { border:.08em solid rgb(200,200,200); }
section tbody tr:nth-child(2) { background-color:rgb(240,240,240); }
section td { padding:.2em .4em; border-left:.08em solid rgb(200,200,200); }
section td:first-of-type { padding:0 1vw; border-left:0; }
section th { padding:0 .4em; }
section blockquote { margin:1.4em 0; padding:0 2em; font-style:italic; background-color:rgb(250,250,250); }
section blockquote::before { content: "“"; font-size:5em; color:rgb(230,230,230); position:relative; top:-.3em; left:-.4em; display:block; width:0; height:0; }
section blockquote::after { content: "”"; font-size:5em; color:rgb(230,230,230); position:relative; top:-.3em; left:-.1em; display:block; width:0; height:0; float:right; }
section blockquote > *:first-child { margin-top:0; }
section blockquote > *:last-child { margin-bottom:0; }
section hr { margin:3em auto; max-width:20em; height:0; border:0; border-top:0.08em solid rgb(200,200,200); }
section p img { display:inline-block; max-width:100%; vertical-align:middle; }
section p img[src*="youtube.com"] { display:block; margin:auto; }
section iframe { display:block; width:32em; height:18em; }
section time { float:right; font-size:.8em; }
section img#sig { float:right; max-width:10em; position:relative; top:-2em; left:1.4em; }

#History { max-width:32em; margin:10rem auto 1rem; }
#History h4 { text-align:left; font-size:1.6em; font-style:italic; }
#History ul { list-style:none; max-width:32em; margin:0 auto; padding:0;}
#History ul li { line-height:1em; margin:.6em 0; padding:0; }
#History time { font-size:.8em; color:rgb(150,150,150); padding-right:1em; }
#History a { padding:0 .1em; text-decoration:none; color:rgb(50,50,50); border-bottom:.08em solid rgb(200,200,200); }
#History a:hover { border-width:.08em; border-color:rgb(0,150,250); }
#History a:hover:visited { border-color:rgb(150,0,250); }