/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

html * {
    box-sizing: border-box;
}

body {
    font-family: "Noto Sans", system-ui, sans-serif;
    margin: 20px;
    font-size: 20px;
    font-variant-numeric: oldstyle-nums;
}

table.fourxfive {
    border-spacing: .25em;
    border-collapse: no-collapse;
    text-align: right;
    border: 1px none #aaa;
    font-variant-numeric: tabular-nums;
    empty-cells: hide;
}

table.fourxfive td, table.fourxfive th {
    border: 1px solid #bbb;
    padding: 3px 8px;
    width: 4em;
    background-color: goldenrod;
}

p {
    font-variant-numeric: proportional-nums
}

table.fourxfive caption {
    caption-side: bottom;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

table.fourxfive tr:nth-child(even) td {
    background-color: #aaa;
}

table.fourxfive tr:nth-child(odd) td {
    background-color: #ddd;
}