* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box
}

html {
  margin: 0;
  padding: 0;
  height:100%
}

body {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #333333;
  padding: 20px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust:100%
}

@media (min-width: 992px) {
  body {
      padding:35px 50px
  }
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1rem;
  line-height: 1.25;
  color:#313131
}

code, pre, .code, .footnotes {
  font-family:Consolas, monaco, monospace
}

code {
  color: #f14e32;
  background: #eee;
  padding: 2px 6px;
  font-size:13px
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  line-height: 1.4;
  white-space: pre;
  overflow-x: auto;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding:1rem
}

pre code {
  font-size: 100%;
  color: inherit;
  background-color: transparent;
  padding:0
}


.divider {
  background: #ddd;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(#ccc), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
  height: 1px;
  margin:2em 0
}
a:visited, a:hover, a:focus {
  text-decoration: none;
  color: #000;
}