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

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

/* part 4 - reddit */
#subreddit {
  width: 52em;  height: 20em;
  margin: auto;  padding: 0.25em;
  border: 4px ridge;
  color: black;  background-color: beige;
  font-family: Courier New, Consolas, monospace;
  font-size: smaller;
  text-align: left;
  white-space: nowrap;
  overflow-x: auto;  overflow-y: scroll;
  resize: both;
}
#subreddit+figcaption input { vertical-align: middle; }
#subreddit_encrypt { display: inline; }
#subreddit_decrypt { display: none; }
#subreddit samp { font-size: smaller;  display: none; }
#subreddit mark { background-color: yellow; }

#mayan {
  margin: 1em auto;  padding: 0.5em;
  color: black;  background-color: #cee3f8;
  text-align: center;
}

#vig { text-align: center; }
#vigIn, #vigOut {
  width: 100%;
  margin-top: 5px;
  padding: 0 0.25em;
  resize: none;
}
#vigOut { color: #66183e; }

#welcprob img, #welcprob pre { width: 600px;  height: 400px; }
#welcprob form { display: table;  margin: 0.5em auto; }
#welcprob form input { margin-right: 5px; }
#welcprob form div {
  display: table-column;
  width: 12em;
  float: left;
  text-align: left;
  white-space: nowrap;
}