@import "/inc/blogs.css";  /* styles common across blog articles */

.clue {
  margin-bottom: 1em;
  padding: 1em 2em;
  background-color: tan;
}

/* part 6 - again */
#stele { width: 255px;  height: 400px } /* size must be specified in .CSS */
.flipper { perspective: 1000;  -webkit-perspective: 1000; }
.flipper:hover div { transform: rotateY(-180deg); }
.flipper div {
  position: relative;
  transition: 0.6s;
  transform-style: preserve-3d;
}
.flipper div img {
  position: absolute;
  top: 0;  left: 0;
  backface-visibility: hidden; /* hide back of pane during swap */
}
.flipper div img:first-child  { transform: rotateY(0deg); z-index: 2; }
.flipper div img:nth-child(2) { transform: rotateY(-180deg); }

#map ul {
  list-style: none;
  margin: 0;
}

form#test { padding: 1em; }
#test input[type=submit] { margin: 0.5em;  padding: 0.25em 0.5em; }
#testTimer { text-align: center; }

#final_test {
  width: 45em;  min-width:23em;
  height: 42em;
  overflow: auto;
}