body{background-color:#000;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}footer{margin:1em;color:gray}footer a{color:#8a8}#bar{display:flex;justify-content:center;color:#32cd32;text-align:center;font-family:Arial,Helvetica,sans-serif;flex:0 0 auto}#label{width:50%;margin:0}#bar button{width:10rem}#overlay{padding:1.5rem;border:solid 2px limegreen;color:#fff;position:absolute;background:rgba(0,0,0,.75)}#overlay h2{margin:0;text-align:center;margin-bottom:.5rem}span.red,th.red{color:#f33}span.yellow,th.yellow{color:#ff3}span.blue,th.blue{color:#33f}span.green,th.green{color:#3f3}#overlay .blue,#overlay a{background-color:#ffffffbf}blockquote{font-style:italic;margin:.5rem}#scores{color:#d3d3d3;margin:auto}th,td{padding:.25rem}th span{vertical-align:20%}th img{max-height:1.25rem;margin-right:.25rem}.total td{font-style:italic;border-top:lightgrey .1rem solid}