:root {
    color-scheme: light dark;
}

body {
    color: light-dark(#000, #fff);
    background-color: light-dark(#fff, #222);
    font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1000px) {
    body {
        color: light-dark(#000, #fff);
        background-color: light-dark(#fff, #222);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.5vmax;
    }
}
.center {text-align: center;}
.wrapper600 {
    width: 600px;
    margin: auto;
}

hr {
    border: solid;
    color: light-dark(#000, #fff);
}

h1 {
    font-size: 5vh;
}