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

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

span.g { color:#999; }

a { color:#005; }

h1 { color:#4ef; 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:#079; 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:#9de7ff; width:60%; padding:1em 2em;
border:#068 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; 	}

.boxtable tr td
{
  padding:8px;
  text-align:center;
  border:1px dotted #09f;
  background:#28a;
  width:20%;
font-weight:bold;

  font-family:trebuchet ms;

}

.credits { font-size:0.6em; padding:8px;
margin:4px;
background:#179; width:60%;
border:#068 solid 2px;
 }


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



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

.bblock { width:auto; padding:8px;
border-width: 2px; }

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

}

textarea { width:300px; }

}