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

body {
  margin: 0;
  padding: 0;
  background-color: black;
  font-family: 'Merriweather', serif;
  height: 100%;
  color: #e8e8e8;
}

a {
  color: #e8e8e8;
  text-decoration: underline;
  outline: 0;
}

a:visited {
  color: #e8e8e8;
  text-decoration: underline;
}

a:hover {
  color: #e8e8e8;
  text-decoration: underline;
}

.container {
  min-width: 100vw;
  min-height: 100vh;
  font-size: 1.1em;
}

.profile {
  margin: 0 auto;
  width: 80%;
}

.location {
  text-align: center;
  font-size: 1.4em;
  margin-top: 12px;
  margin-bottom: 12px;
}

.summary sup {
  font-size: 0.7em%;
}

.hypothetical {
}

.tax-rev-lost {
  color: red;
}

.image {
  text-align: center;
}

.image > img {
  max-width: 100%;
  max-height: 50vh;
}

.money {
  color: green;
}

.hypothetical .afford.ok {
  color: yellow;
}
.hypothetical .afford.bad {
  color: red;
}
.hypothetical .afford.good {
  color: green;
}

.purchase {
}

.footer {
  color: #d2d2d2;
  margin-top: 40px;
  padding: 10px;
  border-top: 0.7px solid white;
  font-size: 0.6em;
  border-top: 1px solid grey;
}