html,body,#n2{margin:0;padding:0}
html{background:#fed}
#h,#j,#n,#a,#f{margin:0 auto;width:100%}
#h,#f{background:#eb9;z-index:2}
#h,#w{position:fixed}
#h{top:0;left:0;max-width:100%}
#j,#a,#a a,#f{font-family:verdana;color:#700}
#j{display:block;font-weight:700}
#j,#f,#n{text-align:center}
#j,#f{text-shadow:1pt 1pt 1pt #fff}
#j,#n{padding:.3% 0}
#j,#n a,#w{text-decoration:none}
#n a,#w{color:#fff;text-shadow:1pt 1pt 2pt #000}
#n a{display:inline-block;background:#e97;border:1px outset #ccc;font-size:14pt;border-radius:3px;font-family:'Ubuntu Mono',consolas,'Lucida Console',verdana;padding:0 5px}
#a,#f{position:relative}
#a{width:24cm;padding:58pt 1% 1%;background:#fff}
h1{font-size:228%;margin:0 0 2%}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{text-transform:uppercase}
h2{font-size:160%}
h3{font-size:140%}
h4{font-size:130%}
h5{font-size:120%}
h6{font-size:110%}
h2,h3,h4,h5,h6{margin:1% 0}
h1,h2,h3,h4,h5,h6,#j{color:#622}
hr,#n a:hover{background:#a41}
#a a:hover{color:red}
hr,#n2{padding:0}
hr{border:none;height:0;border-top:1px dotted #fff}
ul,ol{padding-inline-start:18pt}
#f{position:relative;padding:1% 0 3%}
#f img{width:25px;height:25px;filter:sepia(100%);border:none}
#f img:hover{filter:sepia(0)}
#w{right:0;bottom:0;padding:3px 8px;background:#c75;text-shadow:0 -5pt 0 #c75;z-index:3}
#w:hover{background:#a51}

@media (max-width:1300px){
#a{width:98%}
}

@media (max-width:900px){
#h,#n{background:none}
#h{background:#fdb;padding:0 0 2%}
#j{padding:1% 0;font-size:88%}
#n{width:98%;padding:0 1%}
#n a{font-size:98%;margin:1px 0}
#a{width:96%;margin:68px 0 0;padding:28px 2% 2%}
h1,h2{margin:3% auto;text-align:center}
h1{font-size:128%;margin:0 auto 3%}
h2{font-size:120%}
h3{font-size:114%}
h4{font-size:110%}
h5{font-size:105%}
h6{font-size:103%}
ul,ol{margin:1% 0}
#f{width:100%;background:none;padding:1% 0 12%}
#w{font-size:200%}
}