/* CSS files add styling rules to your content */

body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
}

h1 {
  color: #333;
}

div#text {
  text-align: center;
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

/* By default, hide the DOM Overlay element. */
#overlay {
  display: none;
}
/* Show the DOM Overlay element while active (:xr-overlay pseudoclass) */
#overlay:xr-overlay {
  display: initial;
}
#greeting {
  background-color: rgba(1, 1, 1, 0.25);
  margin: 10px;
}
#exit-ar {
  position: absolute;
  right: 40px;
  bottom: 40px;
  background: rgba(127, 127, 127, 0.25);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 6px 8px;
  font-weight: bold;
}

.show-images {
  position: absolute;
  display: block;
  z-index: 20;
  background-color: black;
  width: 100%;
  height: 100%;
}

.show-images img {
  display: inline-block;
  border: 10px solid black;
}