html { font-size: 62.5%; } 

body {
  font-family: 'Cormorant', serif;
  font-size: 1.2rem;
  fill: #b9b9b9;
}

.lotr-content-wrapper {
	max-width: 900px;
	margin: 0 auto;
}

#lotr-title {
	font-size: 42px;
	font-weight: 300;
	margin: 40px 30px 0px 30px;
	color: #272727;
}

#lotr-subtitle {
	font-size: 14px;
	color: #b1b1b1;
	margin: 0px 30px 20px 30px;
	font-weight: 300;
}

#lotr-intro {
	font-size: 16px;
	margin: 0px 30px 10px 30px;
	max-width: 800px;
}

#lotr-note {
	font-size: 14px;
	margin: 0px 30px 10px 30px;
	max-width: 800px;
	color: #b1b1b1;
	font-weight: 300;
}

#lotr-chart {
	text-align: center;
}

#lotr-credit {
	font-size: 14px;
	margin: 10px 30px 5px 30px;
}

#lotr-sources {
	font-size: 11px;
	max-width: 300px;
	margin: 15px 30px 5px 30px;
	color: #9e9e9e;
	font-weight: 300;
	padding-bottom: 20px;
}

a:hover {
  	text-decoration: none;
  	border-bottom: 1px solid black;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
  	color: black;
  	border-bottom: 1px dotted rgba(0, 0, 0, .5);
}

.MiddleEarth {
	font-family: 'Macondo', cursive;
	color: #53821a;
}

/*--- chart ---*/

.name-title {
	font-family: 'Macondo Swash Caps', cursive;
	font-size: 2.8rem;
	fill: #232323;
	cursor: default;
	text-anchor: middle;
}

.value-title {
	text-anchor: middle;
	font-size: 1.8rem;
  	fill: #b9b9b9;
}

.character-note {
	text-anchor: middle;
	font-size: 1.4rem;
  	fill: #232323;
/*	font-weight: 300;*/
}
			
.inner-label {
	font-family: 'Macondo Swash Caps', cursive;
	font-size: 1.4rem;
	fill: #232323;
	cursor: default;
}

.outer-label {
	font-family: 'Macondo', cursive;
	font-size: 1.6rem;
	fill: #5f5f5f;
	cursor: default;
}

.outer-label-value {
  	font-size: 1.2rem;
  	fill: #b9b9b9;
}