body {
  margin: 0;
  padding: 2rem;
  background: #b9aa8f;
}

.page {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 5rem;
  background-color: #f2e8d5;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(80, 60, 40, 0.05) 0.5px, transparent 1px),
    radial-gradient(circle at 75% 35%, rgba(80, 60, 40, 0.04) 0.5px, transparent 1px),
    radial-gradient(circle at 40% 75%, rgba(80, 60, 40, 0.035) 0.5px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(80,60,40,0.05));
  background-size: 130px 130px, 170px 170px, 150px 150px, 100% 100%;
  color: #2b241f;
  font-family: "Special Elite", "Courier New", monospace;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.02em;
  text-shadow: 0.4px 0.4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.18);
}

.photo {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2rem auto;
  padding: 12px 12px 28px 12px;
  background: #f7f3ea;
  border: 1px solid rgba(80, 60, 40, 0.18);
  box-shadow:
    0 2px 3px rgba(0, 0, 0, 0.10),
    0 8px 18px rgba(0, 0, 0, 0.18);
  transform: rotate(-1.2deg);
}

.photo:nth-of-type(odd) {
  transform: rotate(-1.5deg);
}

.photo:nth-of-type(even) {
  transform: rotate(1.3deg);
}