body{
    background:#eee; /* page background */
    margin:0;
    padding:0;
    font:18px/1.5 -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
    color:#444;
}

/* main content container */
.container {
    max-width:650px;
    margin:40px auto;
    padding:20px;
    background:#fff; /* lighter than body */
    border-radius:8px; /* optional, for nicer look */
    box-shadow:0 2px 8px rgba(0,0,0,0.1); /* optional subtle shadow */
}

h1,h2,h3{
    line-height:1.2;
}

@media (prefers-color-scheme: dark){
    body{
        background:#222;
        color:white;
    }
    .container {
        background:#333; /* lighter than dark body background */
    }
    a:link{
        color:#5bf;
    }
    a:visited{
        color:#ccf;
    }
}