@import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');

body {font-family:verdana,arial,sans-serif;background:#fff;
                text-align:center;
background:#430;}

span.g { color:#999; }

a { color:#200; }

h1 { color:#ff0; vertical-align:middle; margin:0px; padding:0.5em;
font-size:3.0em; font-family:Archivo;text-shadow: 0.1em 0.1em #000; }

.window { width:70%; border:0px #fff solid; border-spacing:0px; 
border-collapse:collapse
}

td.sect { border-width:0px; width:10%; color:#970; text-align:center;
vertical-align:center}

.arena { vertical-align:top;background:#ccf; color:#005; width:50%; 
border:2px #fff solid; padding:8px
}
.facade { vertical-align:top; background:#cfc; color:#050; width:50%; 
border:2px #fff solid; padding:8px
 }
.blind { vertical-align:top;background:#fcc; color:#500; width:50%; 
border:2px #fff solid; padding:8px
 }
.unknown { vertical-align:top;background:#ccc; color:#555; width:50%; 
border:2px #fff solid; padding:8px
}
.unkp { font-size:0.8em; }

.bblock { background:#ffe79d; width:60%; padding:1em 2em;
border:#860 solid 3px; border-radius:0.5em}
.tblock { background:#eee; width:60%; padding:8px;
font-size:0.7em; border:#888 solid 4px; margin:0px 0px 8px 0px;}

h2 { font-size:1.3em; text-align:right; 	}

table.boxtable tr td
{
  padding:8px;
  text-align:center;
  border:1px dotted #f90;
  background:#db0;
  width:20%;
  font-weight:bold;
  font-family:trebuchet ms;
}

.credits { font-size:0.8em; padding:8px;
margin:4px;
background:#971; width:60%; 
border:#860 solid 2px;
 }

.logo { float:left; padding:8px; }


@media screen and (max-width: 700px) {

.bblock { width:auto; padding:0.5em 1em;
border-width: 2px; }

table.boxtable tr td
{
  padding:0.5em;
  margin:0px;
  text-align:center;
  width:auto;
  height:3em;
  font-size:0.7em;
  font-weight:bold;
  font-family:arial;

}

textarea { width:300px; }
}