.rhythm h1, .rhythm h2, .rhythm h3, .rhythm h4, .rhythm h5, .rhythm h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "Rhythm Heiti", sans-serif;
}

.header {
  width: 1024px;
  padding: 3em 0;
  margin: 0 auto;
  text-align: center;
}

.header .title {
  font-size: 42px;
}

.header .description {
  width: 680px;
  margin: 1em auto 2em;
  text-align: left;
  border: 1px solid #ececec;
  padding: 1em;
  background-color: #f9f9f9;
  color: #6f6f6f;
}

.header .status {
  display: flex;
  justify-content: space-around;
  margin-top: 2em;
}

.header .caption {
  font-size: 50px;
  margin-bottom: 0.3em;
}

.header .amount {
  color: #999;
}

.address .yes {
  margin-bottom: .5em;
}

.address .yes strong,
.status .caption.yes {
  color: #99CC66;
}

.address .no strong,
.status .caption.no {
  color: #FF6666;
}

.address .yes strong,
.address .no strong {
  width: 100px;
  display: inline-block;
  font-size: 15px;
}

.address code {
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  padding: 3px 4px;
  margin: 0 .2em;
  color: #e57373;
  background-color: #fff;
  font-size: 16px;
  vertical-align: 1px;
  white-space: pre-wrap;
}

.CarbonvoteChart-wrapper {
  width: 480px;
  margin: 0 auto 4em;
}

.transactions-more {
  text-align: center;
  display: block;
  width: 142px;
  margin: 2em auto;
  padding: 1em 2em;
  border: 1px solid rgb(52, 152, 219);
  border-radius: 2px;
  color: rgb(52, 152, 219);
}

.transactions {
  display: flex;
  justify-content: space-around;
  width: 1024px;
  margin: 0 auto;
}

.transactions .yes,
.transactions .no {
  width: 50%;
}

.transactions .yes {
  border-right: 1px solid #ececec;
}

.transactions ol {
  text-align: center;
}

.transactions li {
  margin-bottom: .5em;
}

.transactions .hash {
  display: inline-block;
  text-overflow: ellipsis;
  width: 360px;
  overflow: hidden;
  color: rgb(52, 152, 219);
}

.view-more {
  display: flex;
  justify-content: space-around;
  width: 1024px;
  margin: 0 auto;
}

article.rhythm {
  width: 740px;
  margin: 4em auto;
}

.rhythm .title {
  text-align: center;
  font-weight: normal;
  margin-top: 0;
}

.rhythm li {
  margin-bottom: 1em;
}

footer {
  padding: 2em 0;
  border-top: 1px solid #ececec;
  text-align: center;
}

footer .contribute {
  color: #999;
  font-size: 18px;
  margin-bottom: .5em;
}

footer nav a {
  margin: 0 1em;
  color: #999;
}

@media (max-width: 640px) {
  .transactions,
  .view-more,
  .CarbonvoteChart-wrapper {
    display: none;
  }

  article.rhythm,
  .header,
  .header .description  {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }

  article.rhythm {
    margin-top: 0;
  }

  .address .yes strong,
  .address .no strong  {
    margin-bottom: .5em;
  }

  .address {
    overflow: auto;
    width: 100%;
  }

  .header .title {
    font-size: 28px;
  }

  .header .status {
    flex-direction: column;
  }

  .header .status .item {
    margin: 1em auto;
  }

  footer .contribute {
    font-size: 14px;
  }

  footer nav {
    display: flex;
    justify-content: center;
    font-size: 12px;
  }
}