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

body {
  background: #d4d0c8 no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 646 41'%3E%3ClinearGradient id='a'%3E%3Cstop offset='0' stop-color='%230a246a'/%3E%3Cstop offset='1' stop-color='%23a6caf0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='24' x2='586' gradientUnits='userSpaceOnUse' xlink:href='%23a'/%3E%3Cpath fill='%23fff' d='M1 1h643v1H1z'/%3E%3Cpath fill='url(%23b)' d='M3 3h640v18H3z'/%3E%3Cpath fill='%23FFF' d='M11 5h1v4h-1z'/%3E%3Cpath fill='%23404040' d='M606 5h1v13h15V5h1v14h-32v-1h15zm34 0h1v14h-16v-1h15z'/%3E%3Cpath fill='%23FFF' d='M7 6h1v3h1v1h1v1h1v2H9v-1H8v-1H7z'/%3E%3Cpath fill='%23888' d='M10 6h1v1h-1z'/%3E%3Cpath fill='%23777' d='M12 6h1v1h-1z'/%3E%3Cpath fill='%23888' d='M17 6h1v1h-1z'/%3E%3Cpath fill='%23EEE' d='M18 6h1v1h-1z'/%3E%3Cpath fill='%23FFF' d='M19 6h2v9h-6v-1h-1v1h-2V9h2V8h1V7h4z'/%3E%3Cpath fill='gray' d='M605 6h1v12h-14v-1h13zm16 0h1v12h-14v-1h13z'/%3E%3Cpath fill='%23d4d0c8' d='M626 6h13v11h-13zm-18 0h13v11h-1V8h-1V7h-9v9h1v1h-3zm-16 0h13v11h-13z'/%3E%3Cpath fill='gray' d='M639 6h1v12h-14v-1h13z'/%3E%3Cpath fill='%23BBB' d='M10 7h1v1h-1z'/%3E%3Cpath fill='%23AAA' d='M12 7h1v1h-1z'/%3E%3Cpath fill='gray' d='M610 7h9v9h-9z'/%3E%3Cpath fill='%23666' d='M8 8h1v1H8z'/%3E%3Cpath d='M9 8h1v2H9z'/%3E%3Cpath fill='%23CCC' d='M10 8h1v1h-1z'/%3E%3Cpath fill='%23555' d='M12 8h1v1h-1z'/%3E%3Cpath fill='%23DDD' d='M13 8h1v1h-1z'/%3E%3Cpath fill='%23888' d='M10 9h1v1h-1z'/%3E%3Cpath fill='%23BBB' d='M11 9h1v1h-1z'/%3E%3Cpath fill='%23fff' d='M611 9h7v1h-6v5h-1zm8-1h1v9h-9v-1h8zm-12-3h15v1h-14v12h-1zm18 0h15v1h-14v12h-1zm-34 0h15v1h-14v12h-1z'/%3E%3Cpath fill='%23777' d='M10 10h1v1h-1z'/%3E%3Cpath fill='%23666' d='M11 10h1v1h-1z'/%3E%3Cpath fill='%23F7CB98' d='M15 10h1v1h-1z'/%3E%3Cpath fill='%23EC632F' d='M16 10h1v1h-1z'/%3E%3Cpath fill='%23D4D0C8' d='M612 10h6v5h-6z'/%3E%3Cpath fill='%23777' d='M7 11h1v1H7z'/%3E%3Cpath fill='%23CCC' d='M11 11h1v1h-1z'/%3E%3Cpath fill='%23F19837' d='M15 11h1v1h-1z'/%3E%3Cpath fill='%23CC6729' d='M16 11h1v1h-1z'/%3E%3Cpath d='M7 12h1v1H7z'/%3E%3Cpath fill='%23555' d='M8 12h1v1H8z'/%3E%3Cpath fill='%23EEE' d='M11 12h1v1h-1z'/%3E%3Cpath fill='%23222' d='M6 13h1v1H6z'/%3E%3Cpath fill='%23555' d='M7 13h1v1H7z'/%3E%3Cpath fill='%23444' d='M8 13h2v1H8z'/%3E%3Cpath fill='%23999' d='M10 13h1v1h-1z'/%3E%3Cpath fill='%23777' d='M11 13h1v1h-1z'/%3E%3Cpath fill='%23FFF' d='M6 14h5v2H9v-1H6z'/%3E%3Cpath fill='%23888' d='M11 14h1v1h-1z'/%3E%3Cpath fill='%23666' d='M7 15h1v1H7z'/%3E%3Cpath fill='%23DDD' d='M8 15h1v1H8z'/%3E%3Cpath fill='%23EEE' d='M11 15h1v1h-1z'/%3E%3Cpath fill='%23DDD' d='M13 15h1v1h-1z'/%3E%3Cpath fill='%23FFF' d='M14 15h1v1h-1z'/%3E%3Cpath fill='%23666' d='M15 15h2v1h-2z'/%3E%3Cpath fill='%23777' d='M19 15h1v1h-1z'/%3E%3Cpath fill='%23AAA' d='M20 15h1v1h-1z'/%3E%3Cpath fill='%23CCC' d='M14 16h1v1h-1z'/%3E%3Cpath fill='%23FFF' d='M15 16h6v2h-4v-1h-2z'/%3E%3Cpath fill='%23888' d='M16 17h1v1h-1z'/%3E%3Cpath d='M30 25h1v1h-1zm44 0h1v1h4v1h-4v1h3v1h-3v1h5v1h-1v1h-1v-1h-2v2h-1v-2h-1v1h-1v-1h-4v-1h5v-1h-3v-1h3v-1h-4v-1h4zm8 0h9v1h-9zm63 0h1v1h-1zM29 26h1v2h-1zm9 0h1v8h1v1h-1v1h-1zm7 0h1v1h-1zm8 0h1v1h-1zm42 0h1v1h-1zm8 0h1v1h-1zm31 0h1v8h1v1h-1v1h-1zm10 0h1v2h-6v-1h5zm2 0h1v2h-1zm4 0h1v1h-1zm9 0h1v1h-1zM9 27h7v4h-1v-3H9zm26 0h1v6h-1zm9 0h1v1h-1zm3 0h5v1h-4v2h4v1h-4v4h-1zm7 0h1v1h-1zm40 0h1v1h-1zm3 0h1v3h-1zm4 0h1v3h-1zm3 0h1v1h-1zm18 0h1v1h-1zm9 0h1v6h-1zm18 0h1v1h-1zm3 0h1v3h4v-3h1v8h-1v-4h-4v4h-1zm8 0h1v1h-1zM28 28h1v8h-1v-6h-1v-1h1zm15 0h1v7h-1zm12 0h1v7h-1zm38 0h1v7h-1zm12 0h1v7h-1zm16 0h1v2h-1zm2 0h1v2h-1zm22 0h1v3h-1zm3 0h1v7h-1zm13 0h1v7h-1zM17 29h6v2h-1v-1h-5zm64 0h11v1h-5v6h-2v-1h1v-5h-5zm-56 1h2v1h-2zm73 0h1v3h-1zm2 0h1v3h-1zm20 0h1v2h-1zm4 0h1v1h-1zM14 31h1v2h-1zm5 0h1v1h1v1h-1v2h-1zm2 0h1v1h-1zm3 0h1v1h-1zm17 0h1v2h-1zm554-17h6v2h-6zM6 15h1v1H6zm623-7h2v1h1v1h2V9h1V8h2v1h-1v1h-1v1h-1v1h1v1h1v1h1v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h1v-1h1v-1h1v-1h-1v-1h-1V9h-1zM6 9h1v3H6zm11 6h2v1h-2zm-5 0h1v1h1v1h2v1h5v2h-5v-1H8v-1H7v-1h1v-1h4zm2-1h1v1h-1zm-9-1h1v2H5zm9-6h1v1h-1zm-1 0h1v1h-1zM6 7h1v2H6zm9-1h2v1h-2zM6 6h1v1H6zm6-1h1v1h-1zm6 0h3v1h-3zM8 5h1v3H8zm2 0h1v1h-1zM7 5h1v1H7zm4-1h1v1h-1z'/%3E%3Cpath d='M125 31h1v2h-1zm12 0h1v2h-1zm7 0h1v2h-1zm-73 1h2v2h2v1h-2v1h-3v-1h2v-2h-1zm6 0h1v1h-1zm5 0h1v2h-1zm8 0h1v2h-1zm29 0h1v1h-1zM13 33h1v1h-1zm21 0h1v2h-1zm6 0h1v1h-1z'/%3E%3Cpath d='M69 33h2v1h-2zm7 0h1v1h-1zm23 0h1v2h-1zm27 0h1v1h-1zm4 0h1v2h-1zm6 0h1v1h-1zm7 0h1v1h-1zM12 34h1v1h-1zm65 0h1v1h-1zm4 0h1v1h-1zm10 0h1v1h-1zm36 0h1v1h-1zm15 0h1v1h-1zM10 35h2v1h-2zm8 0h1v1h-1zm15 0h1v1h-1zm11 0h1v1h-1zm10 0h1v1h-1zm24 0h2v1h-2zm16 0h1v1h-1zm10 0h1v1h-1zm25 0h1v1h-1zm11 0h2v1h-2zm9 0h1v1h-1zm11 0h1v1h-1zM45 36h1v1h-1zm8 0h1v1h-1zm42 0h1v1h-1zm8 0h1v1h-1zm47 0h1v1h-1zm9 0h1v1h-1z'/%3E%3Cpath fill='%23fff' d='M1 1v1h644V1z'/%3E%3C/svg%3E");
  margin: 5em auto 0;
  max-width: 40.5em;
}

body:after {
  color: #fff;
  content: "Holiday Star";
  font: 4em "Copperplate Gothic Light", Copperplate, Garamond, serif;
  font-variant: small-caps;
  padding-left: .3em;
  opacity: .3;
}

img {
  display: block;
  margin: 2em -.5em 1em;
  max-width: 100%;
  max-width: calc(100% + 1em);
}

h1,
blockquote {
  color: #533e3e;
  font-family: "Lucida Console", Monaco, monospace;
  position: relative;
}

body > p {
  color: #000;
  font: 1em/1.5 sans-serif;
  text-shadow: none;
}

h1 {
  background: linear-gradient(to right, rgba(212, 167, 112, .7), rgba(230, 219, 131, .7));
  border-radius: .6em;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 14.7em;
  padding: .4em 0 .3em .4em;
  position: relative;
  z-index: 2;
}

h1:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='27px' width='48px' %3E%3Cpath fill='%23e9eae6' d='M25 0c-6 4-9 11-15 12-2-1-7-3-9 0-1 1-2 3 0 5 3 1 6 1 9-1 7 1 12 8 16 12 2-1 3-2 4-3-4-4-8-7-13-9 6 1 13 4 17 7 1-1 3-2 4-3-4-2-8-3-12-4 6-1 12 1 17 2 2-1 5-2 5-4 0-1-3-2-4-3-6 1-11 3-17 2 4-1 8-2 12-4-1-2-3-2-4-4-5 3-11 8-16 7 5-2 9-5 13-9-1-1-3-2-4-2z'/%3E%3C/svg%3E");
  visibility: hidden;
  vertical-align: middle;
}

blockquote {
  background: rgba(232, 232, 197, .9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 126'%3E%3Cpath fill='%23cbc49d' d='M79 0C71 1 59 9 62 16c3 7 1 4 1-2 0-9 12-14 19-13 7 1 13 6 17 11 10 12 15 28 9 42-3 6-5 11-10 16-1-4-4-6-8-8 1-6 0-4-5-3-1-6 0 0-1 2l-2-1c-1 3 0 3 0 4-3 2-3 13-3 16-2-8-4-4-4 4-1-11-3-5-4 1-1-7-2-4-4 1-1-3-2-1-3 0-6 0-11 2-16 4-8 0-13-10-11-17 3-12 11-3 10 4 0 3-3 4-4 6 2 1 5 2 6-1 3-5 1-11-2-15-6-9-10-3-12 5 0 12 1 16 11 20-3 3-7 6-10 9-2 3-3 6-5 9-4 4-11 5-16 4C6 111 0 105 1 98c2-7 5-13 11-15 10-3 15 8 12 13-1 2-3 4-5 4-5 1-5-4-4-8-1 2-1 7 0 7 8 4 11-5 10-10C20 76 6 81 2 89 1 93-1 96 0 100c2 9 11 15 20 15 4 0 7-2 10-3 1 8 4 10 9 14H54c3-7 13-9 2-11-1-5-1-2-1 1-7-5-7 4-8 9-3 1-4-1-6-3-3-1-6-1-8-3-4-4-4-10-1-14 1-3 5-3 7-3-3 4-7 8-4 13 1 4 6 5 10 4-10 0-14-9-7-15 0 3 2 9 4 8 6-2 7 0 10-7 2 3 2 9 3 5 11 6 11-7 2-10-8 2-9-5-16-7C57 86 75 89 86 99c9 10 9 13 6 24 7 11 6-15 3-19-3-6-8-9-13-12 4-5 10-4 15-5 6-2 14 2 12 8-1 3-6 5-8 3-4-6 5-12-2-6-3 3 0 10 5 9 5-1 9-7 7-12-1-3-4-3-6-5 3-4 4-7 5-11 10-12 10 14 6 0-1-2-2 3-1 6 11 11 6-47 4-59-6 3-4 9-8 1-1-4-4-7-6-11C96 6 88-1 79 0zm38 25l1 6-5 2c1-3 3-5 4-8zm0 18c4 30-1 21-10 31-1 0-3-1-4-1 4-6 7-11 9-18 1-4 2-6 2-10l3-1zM94 67c0 4 0 7-2 4-2 4-3 15-8 11 1-4 1-8 0-12l-2-1c1-1 2-3 4-3 7 6 4 0 0-2 4-1 7 1 10 3zm-14 6c0 2-1 4 2 7-3-1-3-4-3-7zM79 80l5 5c-2 2-4 4-6 5-2-1-3-1-5-2 3-2 5-5 6-9zm-3 14c-1 4-3 5 2 3-4 7-1 12 2 2-2 10-2 17 3 6-3 10 4 15 5 4 0 19 7 7 1-3-3-5-8-8-13-11zm-31 3c-2 1-5 2-6 3 0-3 4-3 7-4zm-1 5c3 1 7 2 8 5-4 4-5 4-11 4-3-4-4-10 3-9 0 2 0 4 2 5l-1-5zm15 0c9 1 7 16 0 8 2-4 1-5-1-8zm-23 19c2 1 4 2 5 3l-3 2-3-4z'/%3E%3C/svg%3E") bottom right no-repeat;
  background-size: contain;
  border: 4px solid #604b34;
  margin-left: .75em;
  margin-top: -5px;
  padding: 0 .8em;
  position: relative;
  width: 85%;
  z-index: 1;
}

blockquote.introspect {
	color: #fff;
	border: 0;
	margin-bottom: 0;
	padding: 4.5em .8em 0 .8em;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 2em, rgba(0,0,0,0.66) 4em);
}

blockquote.introspend {
	border: 0;
	margin-top:0;
	padding: 5em .8em 0 .8em;
	background: linear-gradient(to top, rgba(0,0,0,0) 2em, rgba(0,0,0,0.66) 4em);
}

blockquote.introspect > p {
	margin-bottom: 0;
}

p {
  margin: .5em;
}

blockquote > p:after {
  content: "\0000a0\25BC";
  opacity: .5;
}

p + blockquote {
  background-color: rgba(232, 232, 216, .9);
}

p + blockquote:before {
  content: "Narration";
  font-style: italic;
  opacity: .6;
  display: block;
  padding-top: .5em;
}

p + blockquote.introspect::before {
  content: "";
}

h2 {
  color: #bbb;
}

h2 > a {
  color: darkgrey;
  font-style: italic;
  font-family: sans-serif;
  padding-right: .3em;
}
