:root {
    color-scheme: light dark;
    --title-color: black;
}

@media screen and (prefers-color-scheme: dark) {
    :root {
        --title-color: white;
    }
}

h1 {
    font-family: 'Lato', sans-serif;
    font-size: 2.5rem;
    color: var(--title-color);
    text-align: center;
}