body {
  max-width: 680px;
  padding: 20px;
  margin: auto;
  background: #000;
  color: #fff;
  font-family: "Courier New", Courier, monospace;
  font-size: 18px;
  line-height: 1.6em;
}

h1,
h2,
h3,
h4 {
  line-height: 1.6em;
}

img {
  max-width: 100%;
}

figure {
  padding: 20px 0;
  margin: 0;
}

pre {
  overflow-x: auto;
}

pre {
  background: #eee;
  padding: 3px 8px;
}

.light {
  background: #fff;
  color: #111;
}

.dark {
  background: #111;
  color: #fff;
}

.dark a {
  color: #fff;
}

.dark pre {
  background: #333;
}

.light a {
  color: #111;
}

.theme-picker {
  position: fixed;
  top: 20;
  right: 20;
}

.mb {
  margin-bottom: 20px;
}

.h {
  display: none;
}

.main-container {
  margin: 60px 0;
}