body {
  background:
    linear-gradient(90deg, rgba(17,24,39,.04) 1px, transparent 1px),
    linear-gradient(rgba(17,24,39,.04) 1px, transparent 1px),
    #fff7d6;
  background-size: 16px 16px;
  font-family: "Courier New", "MS Gothic", monospace;
}

.site-header {
  background: #111827;
  border-bottom: 6px solid var(--color-accent);
  box-shadow: inset 0 -4px 0 rgba(255,255,255,.16);
}

.site-title,
.page-title,
.hero h1 {
  letter-spacing: .04em;
  text-shadow: 3px 3px 0 rgba(0,0,0,.18);
}

.hero,
.area-description,
.search-box,
.link-panel,
.content-section,
.post-form,
.post-card,
.area-stats,
.pr-ranking {
  border: 4px solid #111827;
  border-radius: 0;
  box-shadow: 8px 8px 0 #111827;
}

.area-link-grid a,
.post-card__cta,
.submit-button,
button,
.pr-card__button,
.pagination a,
.pagination span {
  border: 3px solid #111827;
  border-radius: 0;
  box-shadow: 4px 4px 0 #111827;
}

input,
select,
textarea {
  border: 3px solid #111827;
  border-radius: 0;
}

.post-card__meta span,
.post-card__tag--job,
.post-card__tag--body_type,
.post-card__tag--purpose,
.pr-card__badges span {
  border: 2px solid #111827;
  border-radius: 0;
}

.site-footer {
  background: #111827;
  border-top: 6px solid var(--color-accent);
}