* {
    font-family: system-ui;
    font-size: 16px;
}

footer {
    position: absolute;
    bottom: 0;
}

ul li {
    list-style-type: none;
    margin: 3px 0 3px 0;
}

.bills-list ul {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 20px;
}

.tracker-detail {
    font-size: 20px;
    display: inline;
}

a.tracker-detail, p.tracker-detail {
    font-size: 16px;
}

.bill-date-range-input {
    margin: 10px 0;
}

.bill-date-input {
    display: inline;
}

.bill-date-input input {
    width: auto;
    display: inline;
}

.bill-status {
    padding: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
}

.bill-status.paid {
    background: green;
    color: white;
}

.bill-status.not-paid {
    background: red;
    color: black;
}