body { line-height:150%; background:rgb(0,0,0); color:rgb(240,240,240); font-family:sans-serif; font-size:1.1rem; }
a { color:rgb(170,170,192); text-decoration:none; }
a:hover { text-decoration:underline; }
main { max-width: 800px; width: 94%; margin:40px auto 100px auto; }
h1 { font-size:2rem; margin:20px 0 }
h2 { font-size:1.5rem; margin:40px 0 0 0; }
h3 { font-size:1.25rem; margin:30px 0 0 0; }
pre { background:rgba(255,255,255,0.05); font-family:monospace; box-sizing:border-box; width:100%; padding:16px; vertical-align:top; overflow:auto; border:1px solid rgb(255,255,255,0.1); margin-bottom:40px; }
pre code { font-family:monospace; font-size: 0.9rem; white-space:nowrap; white-space:pre; }
.msg { text-align:center; color:rgb(255,128,0); font-weight:bold; font-style:italic; padding:20px; background:rgb(100,50,21); display:block; }
#check { display:none; }
p { margin-bottom:40px; }
#copy { display:block;position: absolute; top:-20px;right:10px; padding:6px 12px; background:rgb(43,43,150); color:rgb(213,213,255); font-size:80%; text-transform:uppercase; font-weight:bold; z-index:2 }