* {-webkit-user-select: none;  /* prevent copy paste for all elements */}
html, body {
  margin: 0px;
  width:100%;height:100%;
  font-family:arial;
}
#container {
  width:100%;height:100%;
/*  width: 480px;
  height: 320px; */
  background-color: black;
}
#container.portrait {
  width: 320px;
  height: 480px;
}
.overlay {
  cursor:pointer;
}
.overlay img {
  width:100%;
  height:100%;
  }
.popover {
  width:200px;
  height:auto;
  background: #FFFFFF;
  padding:10px 10px 50px;
  border:1px solid black;
  border-radius:1em;
  -moz-border-radius:1em;
  -webkit-border-radius:1em;
  color: #000000;
  
  -webkit-box-shadow: 0px 0px 10px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 3px rgba(50, 50, 50, 0.75);
-o-box-shadow:         0px 0px 10px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 3px rgba(50, 50, 50, 0.75);
}
.closebutton {
  color:#000000;
  display:block;
  padding:10px;
  margin-top:10px;
  cursor:pointer;
  position:absolute;bottom:0;left:0;
}