:root {
  --main-background: #EEE8D5;
  --grey: #657B83;
  --light: #EEE8D5;
  --text: #002B36;
  --boxshadow-colour: #0008;
}

body {
  background-color: var(--text);
  color: var(--light);
  font-size: 16pt;
  font-family: "EB Garamond", Garamond, Caslon, Liberation Serif, Times New Roman, serif;
}

main {
  font-size: 16pt;
  max-width: 70ch;
  margin: auto;
}

h1 {
  text-align: center;
}

h2 {
  margin: 0;
}

q {
  font-style: normal;
}

p {
  text-align: justify;
}

section {
  box-shadow: 0px 5px 5px var(--boxshadow-colour);
  padding: 1em;
  margin: 1em;
  transition: box-shadow 0.25s;
}

section:not(.dark) {
  background-color: var(--light);
  color: var(--text);
}

section:hover {
  box-shadow: 0px 10px 10px var(--boxshadow-colour);
}

.dark a, .dark .grey {
  color: var(--light);
}

#linkout {
  color: var(--light);
  text-align: center;
  text-decoration: none;
}

a, .grey, .subtitle, blockquote {
  color: var(--grey);
}

#royal-seal {
  width: 33%;
}

.party-icon {
  display: inline-block;
  width: 1em;
  padding: 0;
  transform: translate(0, 0.25em);
}

th {
  text-align: left;
  vertical-align: top;
}

td, th {
  padding: 0.25em;
}

img {
  margin: auto;
  display: block;
}

img.hero {
  padding: 0;
  width: calc(100% - 2em);
  height: auto;
  box-shadow: 0px 5px 5px var(--boxshadow-colour);
  transition: box-shadow 0.25s;
}

img.hero:hover {
  box-shadow: 0px 10px 10px var(--boxshadow-colour);
}