:root {
  --color-site: #fffdfb;
  --color-ink: #eb2929;
  --jbp-red: #eb2929;
  --scrollbar-thumb: #e7a4a0;
}
html, body, #root, .chess-poster { background: var(--color-site) !important; }
body, .site-navigation, .about-copy, .about-copy p { color: var(--jbp-red); }
.site-navigation a, .site-navigation button, .nav-link, .social-link,
.main-page a, .nav-link[aria-current=page] { color: var(--jbp-red); }
.site-navigation a:hover, .site-navigation button:hover, .main-page a:hover { color: #ad2024; }
::selection { color: #fffdfb; background: var(--jbp-red); }
.jbp-about { width: 100%; max-width: none; min-height: 72vh; }
.jbp-about-art {
  width: min(55vw, 1440px);
  max-width: 100%;
  margin: 48px 6.25vw 32px auto;
  padding: 7px;
  border: 1px solid rgba(235, 41, 41, .17);
}
.jbp-about-image { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
  .jbp-about-art { width: calc(100% - 24px); margin: 48px 12px 24px; padding: 5px; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .jbp-about-art { width: 84%; margin-right: 0; }
}