#submit {
  margin: 1em auto;
  max-width: 90%;
  text-align: left;
  padding: 0 1em;
  border: 2px solid #acadc8;
}

#msg-name {
  background-color: #11111b;
  color: #cdd6f4;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #cba6f7;
  margin-bottom: 0.5em;
}

#msg-message {
  background-color: #11111b;
  color: #cdd6f4;
  font-family: sans-serif;
  font-size: 14px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #cba6f7;
  margin-bottom: 0.5em;
  resize: vertical;
  min-height: 2em;
}

#msg-name::placeholder,
#msg-message::placeholder {
  color: #767b90;
}

#msg-submit {
  background-color: #11111b;
  color: #cdd6f4;
  font-family: sans-serif;
  font-size: 14px;
  border: 2px solid #cba6f7;
  margin-bottom: 1em;
}

#submit-confirm {
  color: #a6e3a1;
  font-size: 14px;
}

#submit-error {
  color: #f38ba8;
  font-size: 14px;
}

#fetch-error {
  color: #f38ba8;
}

#fetch-error,
#fetch-no-msgs {
  text-align: center;
}

.message {
  margin: 1em auto;
  max-width: 90%;
  text-align: left;
  padding: 0 1em;
  border: 2px solid #acadc8;
}

.message p {
  margin-top: 4;
  margin-bottom: 4;
}

.message-name {
  font-weight: 600;
  margin-bottom: 0;
}

.message-msg {
  margin-left: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

.message-date {
  font-style: italic;
  margin-top: 0;
}