h2:not(:first-child) {
    margin-top:15px;
}

.account {
    width:300px;
}

.balance {
    width:200px;
    text-align:right;
}

th.account {
    text-align:left;
}

td.calories, td.protein, td.fat, td.carbs, td.add_sugar {
    text-align:right;
}

#content #dailyToDoTable td {
    /* text-align:center; */
    height:36px;
}

#content #dailyToDoTable tr td:last-child {
    text-align:center;
    font-size:22px;
}

#content #dailyToDoTable td a.uiCompleteTask {
    background-color:var(--content-text-color);
    color:#fff;
    font-size:14px;
    font-weight:bold;
    width:115px;
    height:35px;
    line-height:36px;
    text-decoration:none;
    border-radius:10px;
    box-shadow:2px 2px 2px #AAA;
    text-align:center;
    display:inline-block;
}

#content .hydrationRow {
  display: flex;
  justify-content: space-between; /* Push label and button to edges */
  align-items: center;
  padding: 6px 0;
  width: 215px;
}

#content #trackWater div.hydrationRow a.addWater {
    background-color:var(--content-text-color);
    color:#fff;
    font-size:29px;
    font-weight:bold;
    width:35px;
    height:35px;
    line-height:36px;
    text-decoration:none;
    border-radius:10px;
    box-shadow:2px 2px 2px #AAA;
    text-align:center;
    display:inline-block;
}

#content #trackWater div.hydrationRow:last-child {
    border-style:solid;
    border-width:2px 0 0 0;
    border-color:#000;
}

#hydrationTotalLabel, #hydrationTotal {
    font-weight:bold;
    font-size:1.1rem;
}