html,body
{font:400 98% serif;
background-color:#000900;
background-image:url("../i/bg/dark.png");
color:#EEBB99;
height:100%;
margin:0}
h1
{font-size:105%;
color:#CC9977;
display:inline;
vertical-align:middle}
h2
{font-size:105%;
color:#AA7755;
padding-left:.8%}
h3
{font-size:105%;
color:#847884;
padding-left:1.2%}
a
{font-size:102%;
color:#989888;
text-decoration:none}
a:hover{color:#EEEEEE}
img
{margin-left:4%;
margin-right:.8%}
#m
{min-height:100%;
position:relative}
#h
{font:400 115% sans;
color:#999000;
padding:35pt 8% 35pt 8%}
#h img
{width:8%;
border-radius:8%;
margin-bottom:.8%;
margin-left:.8%;
vertical-align:middle}
#h a{font-size:83.5%}
#b{padding:0pt 5% 60pt 5%}
#f a{font-size:85%}
#f
{font-size:70%;
color:#AA8855;
position:absolute;
text-align:center;
bottom:0;
width:100%}
#f a
{color:#878777;
text-decoration:underline}
.sh
{font:400 78% mono;
color:#EE9F00;
border-left-style:solid;
border-color:#847884;
line-height:1.3em;
padding-left:2%}
.tree
{font:400 82% mono;
color:#EE9F00;
border-color:#847884;
line-height:1.3em;
padding-left:5%}
@media(prefers-color-scheme:light)
{html,body
{background-color:#F8F6E0;
background-image:url("../i/bg/light.png");
color:#000009}
h1{color:#602000}
h2{color:#704020}
h3{color:#403060}
#h{color:#555555}
a{color:#006070}
a:hover{color:#000000}
#f{color:#55555F}
#f a
{color:#004050;
text-decoration:underline}
.sh,.tree
{color:#000000;
border-color:#403060}}
@media all and (min-width:0px)
{#h{padding:28pt 15% 28pt 12.5%}
#b{padding:0pt 12% 60pt 12%}}
@media all and (min-width:800px)
{#h{padding:28pt 28% 28pt 20.5%}
#b{padding:0pt 20% 60pt 20%}}
@media all and (min-width:1000px)
{#h{padding:28pt 25% 28pt 20.5%}
#b{padding:0pt 20% 60pt 20%}}
@media all and (min-width:1200px)
{#h{padding:28pt 37% 28pt 30.5%}
#b{padding:0pt 30% 60pt 30%}}
@media all and (min-width:1400px)
{#h{padding:28pt 32% 28pt 28.5%}
#b{padding:0pt 28% 60pt 28%}}
@media all and (min-width:1600px)
{#h{padding:28pt 37% 28pt 32.5%}
#b{padding:0pt 32% 60pt 32%}}