body {
    width: calc(100% - 30px);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}
/* header stuff */
img.header {
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    box-shadow: #00000088 0 0 20px;
}
header > p {
    padding-top: -5px;
    font-size: 14px;
    font-weight: 300;
}
p.image {
    text-align: center;
}
p.citation {
  padding-left: 20px;
  border-left: 3px solid gray;
  color: gray;
  font-style: italic;
}
/* dialling in all the sizes ;p */
img			{ max-width: 50%; border-radius: 10px; }
h1			{ font-size: 36px; }
h2			{ font-size: 28px; }
h3			{ font-size: 24px; }
p			{ font-size: 16px; line-height: 1.6; }
/* no silly dots, please */
ul { 
    list-style-type: none;
    padding: 4px;
    margin: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #212121;
    color: #ddccbb;
  }
  img.header {
    opacity: 0.8;
  }
  a, a:visited {
    color: #02BF02;
  }
}

.historical {
  font-style: italic;
  color: gray;
}