*{
    box-sizing:border-box;
}
html{
    font-family:sans-serif;
    margin:0 1rem;
}
body{
    width:100%;
    max-width:65rem;
    padding:1rem;
    margin:1rem auto;
    line-height:1.5;
    border-radius:0.5rem;
} 
#tdf---manual{
    display:none;
}
@media all and (prefers-color-scheme:light){
    html{
        background:#ffffff;
        color:#2a2a2a;
    }
    body{
        background:#ffffff;
        box-shadow:0 1rem 5rem rgba(0,0,0,0.2);
    }
    a{
        color:#3060b0;
    }
    code{
        background:#dddddd;
        color:#000000;
    }
}
@media all and (prefers-color-scheme:dark){
    html{
        background:#202020;
        color:#cccccc;
    }
    body{
        background:#404040;
        box-shadow:0 1rem 5rem rgba(0,0,0,0.4);
    }
    a{
        color:#60a0ff;
    }
    code{
        background:#282828;
        color:#eeeeee;
    }
    h1,h2,h3,h4,h5,h6{
        color:#ffffff;
    }
}