html {
    color-scheme: light dark;
}

body {
    display: table;
    width: 100%;
    padding: 20% 0 0 0;
    margin: 0;
    box-sizing: border-box;
    font-family: truth, arial, verdana, helvetica, sans-serif;
    color: light-dark(#555, #ccc);
    background-color: light-dark(#f5f0eb, #2d2823);
}

body > p {
    display: table-cell;
    box-sizing: border-box;
    height: 12rem;
    vertical-align: middle;
}

body > p:first-child {
    padding: 2rem;
    width: 41%;
    font-weight: bold;
    font-size: 150%;
    text-align: right;
    white-space: nowrap;
}

body > p:nth-child(2) {
    padding: 2rem 20% 2rem 2rem;
    text-align: left;
    border-left: 1px solid #777;
}