@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Indie+Flower');

html {
  font-family: 'Crimson Text', serif;
}

h1, h2, h3, h4 {
  margin: 0 auto;
}

h1, h2, h3, h4 {
  font-family: 'Indie Flower', cursive;
}

p {
  margin: .5em 0;
}

#main {
  margin: 0 auto;
  width: 800px;
}

#resources p {
  text-indent: -3em;
  margin-left: 3em;
}

footer {
  text-align: center;
  font-size: .8em;
  color: #777777;
}

section {
  margin: 1em 0 .5em;
}

wired-card {
  width: 100%;
  margin: .5em 0;
  padding: .5em;
  box-sizing: border-box;
}

.current {
  background: #c9ffb2;
}

.current h3 {
  text-align: center;
}

.dropdown {
  background: #aad7ff;
}

.concern {
  background: #ffa29e;
}

.flex {
  display: flex;
}

.callout {
  background: #f2f2f2;
  font-family: Consolas, monospace;
  text-align: center;
}

wired-button.tag {
  padding: .1em .2em;
}

.graph > * {
  margin: 0 auto;
  width: 400px
}

.graph google-chart {
  height: 250px;
}

.graph p {
  text-align: center;
  font-size: .9em;
}

/* Index-Specific */
#filter {
  display: flex;
  margin: 0 0 .5em;
}

#filter wired-checkbox {
  margin-right: .5em;
}

#select a, #select a:hover, #select a:visited, 
#titles-text a, #titles-text a:hover, #titles-text a:visited,
a.clear {
  color: #000;
  text-decoration: none;
}

#select wired-button {
  width: 175px;
}

#titles-toc a, #titles-toc a:hover, #titles-toc a:visited {
  color: #000;
}