h1 {
    text-align: center;
}

main {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.dueH {
    grid-column: 1/2;
    grid-row: 1/2;
}

.dueA {
    grid-column: 1/2;
    grid-row: 2/3;
    text-align: center;
    font-size: x-large;
}

.paidH {
    grid-column: 2/3;
    grid-row: 1/2;
}

.paidA {
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: center;
    font-size: x-large;
}

.cButton {
    padding: 5px;
    grid-column: 2/3;
    grid-row: 3/4;
}