html {background:hsl(180,100%,80%)}
  body {
   background:hsl(180,100%,95%);
   color:black;
   font-family: Ubuntu,sans-serif;
   padding:1em;
   border:thin solid hsl(180,100%,30%);
   }
  h1 {color:hsl(180,100%,20%)}
  ol li ul {padding-bottom:1em}
  ol li ul li {padding-top:1ex} 
  ol li ol {list-style-type:lower-alpha} 
 .out-of-flow {float:right;margin-left:1em}
  table {border:thin solid hsl(180,100%,30%);border-spacing:0}
  table.out-of-flow caption {background:hsl(180,100%,90%);font-size:smaller;font-style:italic;margin-left:1em}
  th {background:hsl(180,100%,90%)}
  td {border:thin solid seagreen;background:white}
 @media print { 
  html {background:white}
  body {background:white;color:black;padding:0ex;border:none;padding:0}
  div {padding:0}
  h1, h2, h3, h4, h5, h6 {color:black;font-size:smaller;page-break-after:avoid}
  *[id|=page] {page-break-before:always}
  }
 @media screen {
 .noscreen {display:none}
 }