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%} #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%}}