body {
  background-color: #252525;
  font-family: sans-serif;
}
#phones, #phones-inactive {
  padding-left: 6%;
  /* display: inline-flex; */
  /* flex-direction: column; */
  /* justify-content: space-around; */

}

h1 {
  color: #D8F0A0;
  text-align: center;
}
.box {
  display: inline-flex;
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  width: 25em;
  height: 15em;
  background-color: #A6373F;
  border-radius: 8px;
  margin: .25em;
  vertical-align: text-bottom;
}
.box span {
  font-size: 2em;
}
.box span.donor-name{
  font-size: 1em;
  font-weight:bold;
  color: gray;
}
.box.active {
  background-color: #80A035;
}

span.activity {
    font-size: .75em;
    align-self: flex-end;
    margin-right: 2em;
  }