.message {
    margin: 0 15%;
    text-align: center;
    padding: .5em 0;
}

table {
    margin: 0 auto 1em auto;
    border-collapse: collapse;
}

/* 4 columns: left num | × | right num | label */
table td {
    padding: 0 .25em;
    vertical-align: baseline;
    color: #FFF;
    white-space: nowrap;
}

td.num {
    text-align: right;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

/* "butterfly": × column centered */
td.mul {
    text-align: center;
    width: 1.2em;
}

/* right side (second wing) number also right-aligned */
td.num.right {
    text-align: right;
}

/* label (right wing text) */
td.label {
    text-align: left;
    padding-left: 0.75em;
    color: rgba(0, 0, 0, .35);
}

/* make right text a bit bigger */
td.label small {
    font-size: 0.6em;
    opacity: 0.75;
}

/* value rows (colspan=3) should still be aligned like the left wing */
td.num.value {
    text-align: right;
    padding-right: 0.25em;
}

/* subtle alternating opacity like before */
table tr:nth-child(even) td.num,
table tr:nth-child(even) td.mul {
    opacity: .65;
}

/* UA line */
#userAgent {
    font-size: .5em;
    overflow-wrap: anywhere;
    word-break: break-word;
}