:root {
  font-size: 1.3rem;
}

body {
  margin: 0;
  font-family: 'Lora', serif;
  color: rgba(0, 0, 0, 0.85);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

p {
  line-height: 1.5;
}

li {
  line-height: 1.5;
}

td {
  white-space: pre;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
}

a {
  color: rgba(0, 0, 0, 0.75);
}

i {
  color: steelblue;
}

svg * {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
}

.center-column {
  padding: 0 2rem;
  margin: 0 auto;
  max-width: 700px;
  box-sizing: border-box;
}

.MathJax_SVG {
  width: 100%;
}

.MathJax_SVG > svg {
  width: 100%;
}

.figure-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 1rem 0rem;
}

.figure-container > * {
  width: 100%;
}

.caption {
  font-family: 'Roboto', sans-serif;
  color: rgba(0, 0, 0, 0.60);
  font-size: 0.8rem;
  margin-top: 1rem;
  padding: 0 10%;
  text-align: center;
}

.tax-advantaged-property {
  margin: 1rem 0;
}

.tax-advantaged-property-name {
  font-weight: bold;
}



.graph, .x-axis, .y-axis, .x-label, .y-label {
  font-size: 0.8rem;
  font-family: 'Roboto', sans-serif;
}

.x-label, .y-label {
  fill: rgba(0, 0, 0, 0.6);
}

.overlay {
  fill: none;
  pointer-events: all;
}

.graph-line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.graph-line:nth-of-type(2) {
  stroke: skyblue;
}

.legend-color {
  fill: steelblue;
}

.legend-color:nth-of-type(2) {
  fill: skyblue;
}

.legend-line {
  stroke-width: 2px;
}

.legend-name {
}

.helper-line {
  fill: none;
  stroke: grey;
  stroke-width: 2px;
  stroke-dasharray: 3,3;
}

.hover-indicator circle {
  fill: #F1F3F3;
  stroke: steelblue;
  stroke-width: 5px;
}

@media (max-width: 500px) {

:root {
  font-size: 1.125rem;
}

}