@font-face {
  font-family: "Aniron";
  src: url("Aniron.ttf") format('truetype');
}
@font-face {
  font-family: "Bilbo";
  src: url("Bilbo.ttf") format('truetype');
}
@font-face {
  font-family: "Elvish";
  src: url("Elvish.ttf") format('truetype');
}
@font-face {
  font-family: "Dwarfish";
  src: url("Dwarfish.ttf") format('truetype');
}

html { font-size: 62.5%; } 

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

::-webkit-scrollbar { 
    display: none; 
}

/*--- chart ---*/

.name-title {
	font-family: 'Aniron', cursive;
	font-size: 1.8rem;
	fill: #232323;
	cursor: default;
	text-anchor: middle;
}

.value-title {
  font-family: 'Bilbo', serif;
	text-anchor: middle;
	font-size: 2.1rem;
  fill: #b9b9b9;
}

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

.elvish-outer-label {
	font-family: 'Elvish', cursive;
	font-size: 4rem;
	fill: #e2e2e2;
	cursor: default;
}
.dwarfish-outer-label {
	font-family: 'Dwarfish', cursive;
	font-size: 4rem;
	fill: #e2e2e2;
	cursor: default;
}

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

.outer-label-value {
	font-family: 'Bilbo', serif;
  	font-size: 1.3rem;
  	fill: #878787;
}

.ring-text {
	font-family: 'Elvish', cursive;
	font-size: 2rem;
	fill: #da6f0b;
	opacity: 0.3;
	text-anchor: middle;
}