* { box-sizing: border-box; }
html, body { 
  background: rgb(240,240,240);
  padding: 0;
  margin: 0;
  font-family: arial;
}
main {
  width: 880px;
  border-radius: 4px;
  border: solid 1px rgb(210,210,210);
  background: #fff;
  padding: 24px 77px;
  margin: 0px auto;
  margin-top: 24px;
  box-shadow: 1px 1px 0px #c2c2c2;
}
.markdown h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  margin-bottom: 12px;
}
.markdown h1 { font-size: 32px }
.markdown h2 { font-size: 24px }
.markdown h3 { font-size: 20px }
.markdown h4 { font-size: 16px }
.markdown p  { margin-top: 0px }
.mardown img {
  margin: 0;
  display: block;
  border: solid 1px rgb(255,255,255)
}
.markdown code {
  background: #d6dbe6;
  border-radius: 4px;
  font-family: Menlo, Verdana;
  padding: 1px 4px;
  font-size: 14px;
}
.markdown pre code {
  padding: 16px;
  overflow: auto;
  display: block;
}
.markdown blockquote {
  margin-left: 0;
  border-left: solid 8px #ffb885;
}
.markdown blockquote p {
  margin-left: 24px;
}
.markdown table {
  border-collapse: collapse;
  margin-bottom: 16px;
}
.markdown table th,
.markdown table td {
  border: solid 1px rgb(200,200,200);
  padding: 8px;
}
