#donation-tracker {
    display: inline-block;
    float: left;
    font-size: 0.8em;
    font-family: 'Hind', sans-serif;
}

#donation-tracker:hover {
    cursor: pointer;
}

#donation-bar {
    display: inline-block;
    background:white;
    border:3px solid #9A784F;  /* tortilla */
    margin: 0;
}

#donation-progress {
    display: block;
    float: left;
    width:calc(.6 * 105px);    /* match the dollar amount reached */
    height:25px;
    background:hsla(9, 61%, 50%, 1.0);
}

#donation-progress-amount {
    text-align: right;
    color: white;
    padding: 3px 6px 0 0;
}

#donation-need {
    display: block;
    float: left;
    width: calc(.6 * 255px);   /* match the dollar amount needed */
    height:25px;
    background:black;
}

#donation-goal-amount {
    text-align: right;
    padding: 3px 6px 0 0;
    color: white;
}