@font-face {
  font-family: 'Zpix';
  src: url('/zpix.ttf') format('truetype');
}

* {
  font-family: 'Zpix', sans-serif !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}

body {
  line-height: 1.5;
}

a {
  color: rgb(0, 123, 255);
  background-color: transparent;
  text-decoration: none;
}

img,
pre {
  position: relative;
  padding: 1rem 1.5rem;
  margin: 4px;
  color: #fff;
  background-color: #212529;
  border-color: white;
  border-style: solid;
  border-width: 4px;
  border-image-slice: 3;
  border-image-width: 3;
  border-image-repeat: stretch;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z" fill="rgb(255,255,255)" /></svg>');
  border-image-outset: 0;
}
img {
  padding: 0.5rem;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img,
  pre {
    border-image-repeat: space;
  }
}

@supports (-moz-appearance: meterbar) {
  img,
  pre {
    border-image-repeat: stretch;
  }
}

img,
pre::after {
  content: none;
}

code:not(pre code) {
  position: relative;
  display: inline-block;
  padding: 6px 8px;
  margin: 4px;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  color: #212529;
  background-color: #d3d3d3;
  box-shadow: inset -4px -4px #adafbc;
  opacity: 0.6;
}

@media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  code:not(pre code) {
    border-image-repeat: space;
  }
}

blockquote {
  position: relative;
  display: inline-block;
  padding: 0 1rem;
  margin: 0.5rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.5;
  text-decoration: none;
  color: #212529;
  background-color: #fff;
  border-style: solid;
  border-width: 4px;
  border-image-slice: 2;
  border-image-width: 2;
  border-image-repeat: stretch;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');
  border-image-outset: 2;
  -webkit-user-select: none;
  user-select: none;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  blockquote {
    border-image-repeat: space;
  }
}

@supports (-moz-appearance: meterbar) {
  blockquote {
    border-image-repeat: stretch;
  }
}

blockquote::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
  box-shadow: inset -4px -4px #adafbc;
}

table {
  table-layout: fixed;
  background-color: #fff;
  margin: 4px;
  border-spacing: 0;
  border-collapse: separate;
  border-image-slice: 2;
  border-image-width: 2;
  border-image-repeat: stretch;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');
  border-image-outset: 2;
  border-style: solid;
  border-width: 4px;
  color: #fff;
  background-color: #212529;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  table {
    border-image-repeat: space;
  }
}

@supports (-moz-appearance: meterbar) {
  table {
    border-image-repeat: stretch;
  }
}

table {
  border-image-slice: 2;
  border-image-width: 2;
  border-image-repeat: stretch;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(255,255,255)" /></svg>');
  border-image-outset: 0;
}

table tr {
  margin-left: -0.25em;
}

table th,
table td {
  position: relative;
  padding: 0.5rem;
  word-wrap: break-word;
  border-color: #fff;
  border-style: solid;
  border-width: 0 0.25em 0.25em 0;
}

table th:last-child,
table td:last-child {
  border-right-width: 0;
}

table th::after,
table th::before,
table td::after,
table td::before {
  display: none;
}

table tbody tr:last-child th,
table tbody tr:last-child td,
table thead:last-child tr:last-child th,
table thead:last-child tr:last-child td {
  border-bottom-width: 0;
}

table tbody tr:last-child th:first-child::after,
table tbody tr:last-child th:last-child::before,
table tbody tr:last-child td:first-child::after,
table tbody tr:last-child td:last-child::before,
table thead:last-child tr:last-child th:first-child::after,
table thead:last-child tr:last-child th:last-child::before,
table thead:last-child tr:last-child td:first-child::after,
table thead:last-child tr:last-child td:last-child::before {
  display: none;
}

ul {
  list-style-type: none;
}

ul li {
  position: relative;
}

ul li::before {
  position: absolute;
  top: 5px;
  left: -22px;
  content: '';
  width: 2px;
  height: 2px;
  color: #212529;
  box-shadow:
    8px 2px,
    10px 2px,
    6px 4px,
    8px 4px,
    10px 4px,
    12px 4px,
    4px 6px,
    6px 6px,
    12px 6px,
    14px 6px,
    4px 8px,
    6px 8px,
    12px 8px,
    14px 8px,
    6px 10px,
    8px 10px,
    10px 10px,
    12px 10px,
    8px 12px,
    10px 12px;
}

@supports (-moz-appearance: meterbar) {
  ul li::before {
    box-shadow:
      8px 2px 0 0.02em,
      10px 2px 0 0.02em,
      6px 4px 0 0.02em,
      8px 4px 0 0.02em,
      10px 4px 0 0.02em,
      12px 4px 0 0.02em,
      4px 6px 0 0.02em,
      6px 6px 0 0.02em,
      12px 6px 0 0.02em,
      14px 6px 0 0.02em,
      4px 8px 0 0.02em,
      6px 8px 0 0.02em,
      12px 8px 0 0.02em,
      14px 8px 0 0.02em,
      6px 10px 0 0.02em,
      8px 10px 0 0.02em,
      10px 10px 0 0.02em,
      12px 10px 0 0.02em,
      8px 12px 0 0.02em,
      10px 12px 0 0.02em;
  }
}