body {
  font-family: sans-serif;
}

article {
  max-width: 800px;
  margin: auto;
}

.message {
  border: 1px solid;
  padding: 5px;
}

.message.tip {
  border-color: #046104;
  background-color: #a0fea0;
  color: #046104;
}

.message.warning {
  border-color: #904800;
  background-color: #ffebaa;;
  color: #904800;
}

.code {
  font-family: monospace;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  color: #222222;
}

pre.code {
  padding: 5px;
}