:root {
    font-family: sans-serif ;
    --bgcolor: #f9f9f9 ;
    --textcolor: #222222 ;
    max-width: 850px ;
}


@font-face {
    font-family: 'sourcecodepro';
    src: url("http://www.mahonkin.com/~milktree/css/SourceCodePro/SourceCodePro-VariableFont_wght.ttf") format('truetype'),
         url("http://www.mahonkin.com/~milktree/css/SourceCodePro/SourceCodePro-Italic-VariableFont_wght.ttf") format('truetype')  
;
}


body {
/*	font-size: 1.2em ; */
	line-height: 1.2em ;
	background-color: var(--bgcolor) ; 
	color: var(--textcolor) ;
	margin-left: 20px ;
	margin-top: 20px ;
}



pre {
	font-family: 'Source Code Pro', 'Andale Mono', 'Lucida Console', monaco, monospace ;
/*
    font-family: Courier, monaco,monospace;
	color: red ;
*/
}

code {
	font-family: 'Source Code Pro', 'Andale Mono', 'Lucida Console', monaco, monospace ;
	color: #111194 ;
	background-color: #eeeeee ;
	
}

table, td, tr {
	border-collapse: collapse ;
	border: 1px solid var(--textcolor) ;
}

i {
	    font-family: serif ;
}

a:link {
    color: blue ;
    text-decoration: none ;
}

a:visited {
    color: #8800ff   ;
}

a:hover {
    color: red ;
}

a:active {
    color: #00ff00  ;
}