body {
    background-color: white;
}

a {
    font-family: sans-serif;
    text-align: center;
    text-decoration: none;
    font-size: 45px;
}

a.mario {
    color: goldenrod;
}

a.sonic {
    color: royalblue;
}

a.sonicnew {
    color: navy;
}

a.zelda {
    color: green;
}

li, h1, h2, h3 {
    font-family: sans-serif;
    color: black;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
    }
    
    a {
        color: skyblue;
    }
    
    a.mario {
        color: yellow;
    }
    
    a.sonic {
      color: skyblue;
    }

    li, h1, h2, h3 {
        color: white;
    }
}