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

#donation-tracker {
  display: block;
  float: none;
  margin: 0;
  max-width: 345px;
  width: 75%;
}
#donation-tracker p {
  font: 300 14px/16px 'Lato', 'Helvetica', sans-serif;
  margin: 5px;
}
#donation-tracker strong {
  font-weight: 700;
  font-size: 16px;
}
#donation-tracker .tracker {
  background-color: #d9d9d9;
  border-radius: 20px;
  display: block;
  height: 15px;
  overflow: hidden;
}
#donation-tracker .tracker > .progress {
  display: block;
  height: 100%;
}
#donation-tracker .tracker > .progress > .fill {
  animation: fillProgress 1s;
  background-color: #D03238;
  border-radius: 20px;
  display: block;
  height: 100%;
}
@keyframes fillProgress {
  0% { width: 0; }
  100% { width: 100%; }
}