@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Comme';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/comme/v2/8QIUdirKhMbn-uG1kHz0MgviDe1z5cBr6w.ttf) format('truetype');
}
@font-face {
  font-family: 'Comme';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/comme/v2/8QIUdirKhMbn-uG1kHz0MgviDe1zu8Fr6w.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Comme';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/comme/v2/8QIUdirKhMbn-uG1kHz0MgviDe1z5cBr6w.ttf) format('truetype');
}
@font-face {
  font-family: 'Comme';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/comme/v2/8QIUdirKhMbn-uG1kHz0MgviDe1zu8Fr6w.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoflex/v9/NaN4epOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXpRJ6cXW4O8TNGoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNYG0EACUTNK-QKavMlxGIQ.ttf) format('truetype');
}
html,
body,
header {
  background: transparent;
  border: 0;
  font-family: "Comme", sans-serif;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  height: 100%;
  box-sizing: border-box;
}
body {
  line-height: 1;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
* {
  box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
ul.list-with-bullets {
  list-style: square;
}
ul.list-with-bullets li {
  margin-bottom: 0.5em;
}
blockquote {
  margin: 0;
}
blockquote p {
  padding: 15px;
  background: #eee;
  border-radius: 5px;
}
blockquote p::before {
  content: '\201C';
}
blockquote p::after {
  content: '\201D';
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img.profile-photo {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 1em;
  margin-left: 1em;
}
img#current-bookclub {
  min-width: 650px;
  max-width: 750px;
}
a img {
  border: none;
}
a {
  flex: 1;
  text-decoration: none;
  outline: none;
  text-align: center;
  color: #0e4e7a;
  cursor: pointer;
}
a:link,
a:visited,
a:focus {
  background: transparent;
  color: #0e4e7a;
}
a:hover {
  background: #26bdef;
}
a:active {
  background: #26bdef;
  color: white;
}
a.download,
a.excerpt {
  padding: 0.5em;
  background-color: #0e4e7a;
  border: 2px solid inherit;
  border-radius: 4px;
  color: white;
  text-transform: uppercase;
}
a.download span,
a.excerpt span {
  color: white;
  font-size: medium;
  margin-right: 0.5em;
}
a[rel="external"]::after {
    content: " ↗";
}
dt {
  font-weight: bold;
}
dl,
dd {
  font-size: 0.9rem;
}
dd {
  margin-top: 1em;
  margin-bottom: 1em;
}
header {
  font-family: "Roboto Flex", sans-serif;
  background-color: #f6f6f6;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header h1 {
  display: flex;
  text-align: center;
  font-weight: 800;
  margin-left: 64px;
  padding: 15px 0 0 0;
}
header nav {
  margin-left: auto;
}
header nav ul {
  display: flex;
  margin-right: 32px;
}
header nav ul li {
  text-transform: uppercase;
  margin: 16px;
}
div.polaroid {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  float: left;
  margin-right: 10px;
  margin-bottom: 25px;
  width: 200px;
}
div.polaroid img {
  width: 200px;
  height: 300px;
}
div.polaroid div {
  text-align: center;
  padding: 5px 10px;
  font-size: 0.75em;
}
div.spoiler-alert {
  background-color: #f6f6f6;
  border: 2px solid gray;
  border-radius: 8px;
  padding: 1em;
  width: 50%;
}
div.spoiler-alert span {
  font-size: x-large;
  color: orange;
}
form {
  background-color: #f6f6f6;
  border: 2px solid #f6f6f6;
  border-radius: 8px;
  padding: 1em;
}
form label {
  font-weight: 600;
  margin-right: 4px;
}
form input {
  background-color: white;
  border: 1px solid #0e4e7a;
  border-radius: 4px;
  width: 75%;
  font-family: inherit;
  font-size: 100%;
  padding: 0.5em;
}
form button {
  color: white;
  border: 1px solid white;
  background-color: #0e4e7a;
  border-radius: 4px;
  font-family: inherit;
  font-size: 100%;
  font-weight: 600;
  padding: 0.5em;
  text-transform: uppercase;
}
section,
article {
  padding: 1em;
  max-width: 1536px;
}
section h2,
article h2,
section h3,
article h3,
section h4,
article h4,
section h5,
article h5 {
  font-weight: 600;
}
section h2,
article h2 {
  max-width: 1536px;
  width: 65%;
  float: right;
}
section span,
article span {
  font-size: 3em;
  color: #0e4e7a;
}
section nav,
article nav {
  float: left;
  background-color: #f6f6f6;
  border: 2px solid #f6f6f6;
  border-radius: 8px;
  font-size: medium;
}
section nav ul,
article nav ul {
  margin: 2px 16px 2px 2px;
}
section nav ul li,
article nav ul li {
  margin: 8px 8px 16px 8px;
  text-transform: capitalize;
  font-weight: 800;
}
section article,
article article {
  float: right;
  border: 2px solid inherit;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 8px;
  width: 65%;
}
section article article,
article article article {
  width: 100%;
}
section.index {
  display: block;
  float: left;
  width: 30%;
  margin: auto;
  justify-content: center;
  align-items: center;
}
section.index span {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
section.index-left {
  display: block;
  float: left;
  width: 30%;
  margin-left: 5%;
}
section.index-left span,
section.index-left p {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
section.index-right {
  float: right;
  width: 30%;
  margin-right: 5%;
  display: block;
  justify-content: center;
  align-items: center;
}
section.index-right span {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
img#index-main {
  max-width: 100%;
  height: auto;
}
footer {
  font-family: "Roboto Flex", sans-serif;
  color: #fff;
  background-color: #252525;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer#gallery-pagination button {
  text-transform: uppercase;
  margin: 0px 4px 0px 4px;
  cursor: pointer;
}
footer#gallery-pagination button span {
  font-size: small;
  margin: 0px 4px 0px 4px;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImh0dHBzOi8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzMj9mYW1pbHk9T3BlbitTYW5zIiwiaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3MyP2ZhbWlseT1Db21tZTp3Z2h0QDEwMDszMDAmZmFtaWx5PU9wZW4rU2Fuczp3Z2h0QDUwMCZkaXNwbGF5PXN3YXAiLCJodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2NzczI/ZmFtaWx5PUNvbW1lOndnaHRAMTAwOzMwMCZmYW1pbHk9T3BlbitTYW5zOndnaHRANTAwJmZhbWlseT1Sb2JvdG8rRmxleDp3Z2h0QDMwMDs0MDA7NTAwJmRpc3BsYXk9c3dhcCIsIlNpdGUubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQWEsV0FBYjtFQUNBLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxvQkFBQTtFQUNBLGdIQUFnSCxPQUFPLFdBQXZIOztBQ0xGO0VBQ0UsYUFBYSxPQUFiO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGtCQUFBO0VBQ0Esc0ZBQXNGLE9BQU8sV0FBN0Y7O0FBRUY7RUFDRSxhQUFhLE9BQWI7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSxzRkFBc0YsT0FBTyxXQUE3Rjs7QUFFRjtFQUNFLGFBQWEsV0FBYjtFQUNBLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxvQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZ0hBQWdILE9BQU8sV0FBdkg7O0FDcEJGO0VBQ0UsYUFBYSxPQUFiO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGtCQUFBO0VBQ0Esc0ZBQXNGLE9BQU8sV0FBN0Y7O0FBRUY7RUFDRSxhQUFhLE9BQWI7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSxzRkFBc0YsT0FBTyxXQUE3Rjs7QUFFRjtFQUNFLGFBQWEsV0FBYjtFQUNBLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxvQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZ0hBQWdI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 */