:root {
  --text-font: 'Inter';
  --grid-gap: 10px; }

*, *:after, *:before {
  box-sizing: inherit; }

body {
  font-family: var(--text-font);
  font-size: 1.6em;
  text-rendering: optimizeLegibility;
  letter-spacing: normal;
  line-height: 1.45em; }

header {
  display: grid; }

main {
  display: grid;
  grid-template-columns: 1fr 1fr var(--grid-gap) minmax(1em, 80rem) var(--grid-gap) 1fr 1fr; }
  main > * {
    grid-column: 4; }
  main > figure {
    justify-self: center;
    margin: 20px 0; }
    main > figure h4 {
      text-align: center;
      font-weight: 500;
      font-style: italic;
      font-size: 1.6rem; }
    main > figure img {
      max-width: 50vw; }
  main > blockquote {
    grid-column: 3 / 5; }
  main > pre {
    grid-column: 3 / span 3;
    margin: 20px 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--text-font);
  font-weight: 700;
  margin-bottom: .75rem;
  margin-top: 0;
  letter-spacing: normal;
  text-align: center;
  line-height: 1.2; }

h1 {
  font-size: 4.6rem; }

h2 {
  font-size: 3.6rem; }

h3 {
  font-size: 2.8rem; }

h4 {
  font-size: 2.2rem; }

h5 {
  font-size: 1.8rem; }

h6 {
  font-size: 1.6rem; }

.center {
  text-align: center; }