body {
    color: hsl(0, 5%, 10%);
    background: hsl(210, 20%, 98%);
    hyphens: auto;
    overflow-x: hidden;
}
a {
    color: #00950d;
}
a:hover,
a:visited:hover {
    color: #c0408b;
}
a:visited {
    color: hsl(0, 100%, 33%);
}

@media (prefers-color-scheme: dark) {
    body {
        color: hsl(0, 0%, 86%);
        background: hsl(0, 0%, 16%);
    }
    a {
        color: #7dc59d;
    }
    a:hover,
    a:visited:hover {
        color: #f5b6ec;
    }
    a:visited {
        color: #e792c7;
    }
    :target {
        backdrop-filter: brightness(150%);
    }
}
@media (prefers-color-scheme: light){
    :target {
        backdrop-filter: brightness(80%);
    }
}