@import url(https://fonts.googleapis.com/css?family=Roboto|Montserrat|Oswald|Quicksand|Arimo|Lato|Ubuntu|Charm|Lobster|Simonetta|Miniver|Sail|Halant|Copse|Baskervville|Merriweather|Martel|Inconsolata|Cousine|VT323|Satisfy);
body{font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;}
header{background:var(--bglow);padding:3px;text-align:center;p}
h1 { font-size: 2.00em; text-align:center;}
h2 { font-size: 1.50em; }
h3 { font-size: 1.30em; }
h4 { font-size: 1.20em; }
h5 { font-size: 1.10em; }
* { font-size: 1.00em;}
img{padding-right:5px;padding-left:5px;padding-top:5px;padding-bottom:5px;}
canvas{padding-right:5px;padding-left:5px;padding-top:5px;padding-bottom:5px;}
section{display:-webkit-flex;display:flex}
nav{-webkit-flex:1;-ms-flex:1;flex:1;background:var(--bglow);padding:3px;text-align:center;}
nav ul{list-style-type:none;padding:0}
article{-webkit-flex:10;-ms-flex:10;flex:10;padding:5px}
footer{background:var(--bglow);padding:3px;text-align:center;}
table {border-collapse: collapse; width: 100%;}
table, th, td {border: 1px solid black;}
code {font-family: monospace; background:var(--bghigh)}
pre {margin: 1em; font-family: monospace; background:var(--bghigh)}
@media (max-width: 1080px) {
  section{-webkit-flex-direction:column;flex-direction:column;}
}
.centered{background:var(--bghigh);padding:3px;text-align:center;}
:root {
  --sectioncols: 1;
  --bglow:rgb(240,240,240);
  --bghigh:rgb(260,260,260);
  --bgeven:rgb(245,245,245);
  --bgodd:rgb(255,255,255);
}
.multicolsection {
  column-count: var(--sectioncols);
}
.longlabel {display: inline-block; width: 160px;}
.shortlabel {display: inline-block; width: 80px;}
.evensection {background-color: var(--bgeven);}
.oddsection {background-color: var(--bgodd);}
a:link    { color: inherit; text-decoration: underline; }
a:visited { color: inherit; text-decoration: underline; }
a:hover   { color: inherit; text-decoration: underline; }
a:active  { color: inherit; text-decoration: underline; }