a.ghost, a.gray, a.disabled {
  border-radius: 2px;
  padding: 0.4em 0.8em;
}

a.ghost {
  background: #68f;
  box-shadow: 0 0 0 2px #68f inset;
  color: white;
  transition: 0.1s;
}

a.ghost:hover {
  background: transparent;
  color: #68f;
}

a.gray, a.disabled {
  background: rgba(147.5, 147.5, 147.5, 0.08);
  transition: background, 0.2s;
}

a.gray:hover, a.disabled:hover {
  color: inherit;
}

a.gray:hover {
  background: rgba(147.5, 147.5, 147.5, 0.2);
}

body > header, article, body > footer {
  padding: 1.5em calc(26% - 5rem);
}

article, body > footer {
  border-top: 1px solid reduce(10);
}

body > header {
  background: #262626;
  color: #fff;
  background-image: linear-gradient(216deg, rgba(77, 77, 77, 0.05) 0%, rgba(77, 77, 77, 0.05) 25%, rgba(42, 42, 42, 0.05) 25%, rgba(42, 42, 42, 0.05) 38%, rgba(223, 223, 223, 0.05) 38%, rgba(223, 223, 223, 0.05) 75%, rgba(36, 36, 36, 0.05) 75%, rgba(36, 36, 36, 0.05) 100%), linear-gradient(44deg, rgba(128, 128, 128, 0.05) 0%, rgba(128, 128, 128, 0.05) 34%, rgba(212, 212, 212, 0.05) 34%, rgba(212, 212, 212, 0.05) 57%, rgba(25, 25, 25, 0.05) 57%, rgba(25, 25, 25, 0.05) 89%, rgba(135, 135, 135, 0.05) 89%, rgba(135, 135, 135, 0.05) 100%), linear-gradient(241deg, rgba(55, 55, 55, 0.05) 0%, rgba(55, 55, 55, 0.05) 14%, rgba(209, 209, 209, 0.05) 14%, rgba(209, 209, 209, 0.05) 60%, rgba(245, 245, 245, 0.05) 60%, rgba(245, 245, 245, 0.05) 69%, rgba(164, 164, 164, 0.05) 69%, rgba(164, 164, 164, 0.05) 100%), linear-gradient(249deg, rgba(248, 248, 248, 0.05) 0%, rgba(248, 248, 248, 0.05) 32%, rgba(148, 148, 148, 0.05) 32%, rgba(148, 148, 148, 0.05) 35%, rgba(202, 202, 202, 0.05) 35%, rgba(202, 202, 202, 0.05) 51%, rgba(181, 181, 181, 0.05) 51%, rgba(181, 181, 181, 0.05) 100%), linear-gradient(92deg, rgb(4, 4, 4), rgb(4, 4, 4));
}

body > footer {
  background: reduce(5);
  color: reduce(100);
}

/*# sourceMappingURL=contrast.css.map */