:root {
  --paper: #f1eadb;
  --ink: #1a1815;

  --blue: #1746c7;
  --red: #cf2d1e;
  --orange: #df641c;
  --brown: #704725;
  --purple: #642c88;
  --yellow: #e2b900;
  --green: #28733e;
}

body {
  background: var(--paper);
  color: var(--ink);

  font-family: Georgia, serif;

  max-width: 900px;
  margin: 50px auto;
  padding: 30px;

  background-image:
    linear-gradient(rgba(0,0,0,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.025) 1px, transparent 1px);

  background-size: 24px 24px;
}

h1 {
  display: inline-block;

  font-family: "Courier New", monospace;
  font-size: 64px;

  color: var(--blue);

  margin: 0 0 20px 0;

  transform: rotate(-2deg);

  border-bottom: 7px solid var(--red);
}

.intro {
  max-width: 520px;

  font-size: 19px;
  line-height: 1.6;

  background: #ffffff;

  border: 2px solid var(--ink);

  padding: 18px 22px;

  box-shadow: 8px 8px 0 var(--orange);

  transform: rotate(1deg);
}