@font-face {
    font-family: 'Noto Sans Mono';
    src: url('/resources/NotoSansMono/regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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