body {
    background: color-mix(in oklab, Canvas 85%, green);
}

a:link {
    color: color-mix(in oklab, CanvasText 40%, SaddleBrown);
    text-decoration: none;
}
a:visited {
    color: color-mix(in oklab, CanvasText 40%, #9c6136);
    text-decoration: none;
}
a:hover {
    color: color-mix(in oklab, CanvasText 40%, red);
    text-decoration: underline;
}
a:active {
    color: color-mix(in oklab, CanvasText 40%, yellow);
    text-decoration: underline;
}

table {
    width: min(60em, 80%);;
    margin: 1em auto;
    border-collapse: collapse;
    box-shadow: 0.2em 0.2em 0.6em 0.1em black; /* right,down,blur,spread */
}

table td,th {
    padding: 0.4em 0.4em;
    border-width: 0.15em;
    border-style: solid;
}

table td {
    text-align: left;
    vertical-align: top;
}