#content {    
    margin:     1em auto;    
    max-width:  40em;    
    padding:    1em 2em 1em;    
    font:       14pt/1.4 helvetica, sans-serif;
    text-align: justify;
    background: #fff;
    color:      #020202;
}

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

code, pre{
    font-size:    12pt;
    font-family:  monospace;
}

/* Navigation Bar */
nav {
    background:   #4B6FDC;
    margin:       0;
    padding:      0 1em;
    display:      block;
    color:        #fff;
    line-height:  1.3;
}

nav ul, nav li  {
    list-style: none;
    display:    block;
    margin:     0;
    padding:    0;
    display:    inline-block;
}

nav a {
    display:  inline-block;
    padding:  0.5em 1em 0.3em 1em;
}

nav a:hover, nav a:active, nav a:visited:hover, nav a:visited:active {
    background:#8D8D8E;
    color:#fff;
}


nav a:link, nav a:visited {
    color:#fff;
    text-decoration:none;
}

/* Links */
a:link, a:visited {
    text-decoration:  none;
    color:            rgb(0, 155, 119);
}


/* Tables */
tr {    
    font:       inherit;
}    

td {
    padding:    .25em .5em;
}

// @media (prefers-color-scheme: dark) {    
//     body {
// 	background: #000;
//     }
//     #content {
// 	color:#fff;
// 	background:#222;
//     }    
// }