<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  @font-face {
    font-family: '0xProtoMono';
    src: url(/fonts/0xProto.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '0xProtoMono';
    src: url(/fonts/0xProto-bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: '0xProtoMono';
    src: url(/fonts/0xProto-italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:#000;color:#bbb;font:14px/1.5 Terminus;padding:32px;max-width:760px;margin:0 auto}
  a{color:#0f0;text-decoration:none}a:hover{background:#0f0;color:#000}
  h1{font-size:20px;color:#fff;margin-bottom:4px}
  h2{font-size:14px;color:#fff;margin:28px 0 10px;border-bottom:1px solid #333;padding-bottom:4px}
  h3{font-size:16px;color:#fff;margin-bottom:4px}
  p{margin-bottom:8px;color:#F2F2F2;font-size:12px}
  ul{margin:4px 0 12px 18px;color:#999;font-size:13px}
  li{margin-bottom:2px}
  code{color:#0f0;font-family:Terminus}
  .card{border-left:2px solid #00AD00;padding:8px 0 8px 12px;margin-bottom:20px}
  .card p,.card ul{font-size:13px}
  .tag{color:#0f0;font-size:11px}
  .back{color:#777;font-size:12px}
  .back a{color:#777}.back a:hover{color:#0f0;background:none}
  .footer{color:#555;font-size:11px;margin-top:32px;padding-top:12px;border-top:1px solid #333}
  table{width:100%;border-collapse:collapse;margin:8px 0}
  th,td{padding:4px 8px;text-align:left;border-bottom:1px solid #333;font-size:12px}
  th{color:#aaa}td{color:#999}
  summary{cursor:pointer;color:#0f0;font-size:12px;margin:8px 0}
  pre{background:#111;border:1px solid #333;padding:8px;margin:8px 0;font-size:12px;overflow-x:auto}
  pre code{color:#999}
</style>