#main{
    width:fit-content;
    height: fit-content;
    display: grid;
    grid-template-areas:
    "c c"
    "lp paid"
    "ld due"
    "lo output"
    "button button";
    grid-template-columns: 50px 200px;
    grid-template-rows: auto auto auto auto auto;
    gap:5px;
    margin: auto;
    margin-top: 30vh;
}
#lp{
    grid-area: lp;
}
#ld{
    grid-area: ld;
}
#lo{
    grid-area: lo;
}
#paid{
    grid-area: paid;
}
#due{
    grid-area: due;
}
#output{
    grid-area: output;
}
#button{
    grid-area: button;
}
#c{
    grid-area: c;
    text-align: center;
}