@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700');

:root {
  --color-dark: #353535;
  --color-light: #f8f9fa;
  --color-cream: #eaecf0;
  --color-link: #8a3324;
}

html {
	font-size: 1em;
  margin: 0;
  padding: 0;
}

body {
  background: var(--color-light);
  color: var(--color-dark);
  font-family: 'Libre Baskerville', serif;
  font-weight: 400;
	font-size: 100%;
  line-height: 1.45;
  margin: 8% 0;
  padding: 0;
}

/* Augmented Fifth Type Scale */
/* 1.4414 */

p {
  margin-bottom: 1.3em;
}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 3.998em;
}

h2 {
  font-size: 2.827em;
}

h3 {
  font-size: 1.999em;
}

h4 {
  font-size: 1.414em;
}

small {
  font-size: 0.707em;
}


a {
  color: var(--color-link);
  text-decoration: none;
  transition: color 0.25s ease;
  border-bottom: 2px solid var(--color-dark);
}

a:focus,
a:hover {
}

a img, :link img, :visited img {
	border: 0;
}

section {
  margin: auto;
  max-width: 40rem;
  padding: 2rem;
}

article {
  max-width: 35rem;
}

span[title] {
  cursor: help;
}

.hidden {
  display: none;
}