html {
  text-transform: lowercase;
  color: #808080;
  background-color: #d5d5ef;
  /* opacity: 0.8; */
  background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #d5d5ef 28px ), repeating-linear-gradient( #cfcfe5, #cfcfe7 );
  font-family: "Poppins", sans-serif;
}

a {
  color: #999999;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

body {
  margin: 0 auto;
  max-width: 800px;
}

div.promptwrapper > div.promptcomm {
  border: 1px solid #808080;
  padding: 0 5px;
}

div.promptcomm:first-of-type {
  border-radius: 5px 5px 0 0;
}

div.promptcomm:last-of-type {
  border-radius: 0 0 5px 5px;
}

div.timestamp {
  text-align: right;
}

.prompt {
  font-weight: 700;
}

.notes {
  color: #b3b3b3;
}