@media (orientation: landscape) {
  body.asahi div#leftmap  {float: left;  width: 44vw; height: 44vw; margin: 0 auto;}
  body.asahi div#rightmap {width: 44vw; height: 44vw; margin: 0 auto;}
}
@media (orientation: portrait) {
  body.asahi div#leftmap  {float: left;  width: 96vw; height: 44vh; margin: 0 auto;}
  body.asahi div#rightmap {width: 96vw; height: 44vh; margin: 0 auto;}
}

p.#info {border: 1px solid #444422;}
div#leftmap  {float: left;  width: 44vw; height: 80vh; margin: 0 auto;}
div#rightmap {width: 44vw; height: 80vh; margin: 0 auto;}
button#push{width:80vw; height:5em;}
*.c{text-align:center;}
.login, .passcode {
  width: 20em; height: 10em; margin: 5em auto; border: 3px double black;
}
.hidden{display: none;}
.shrink{
    height:0; transition:0.5s; overflow: hidden; border: none; margin:0;}