* {
	margin: 0;
	padding: 0;
	z-index: 0;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #333333;
  color: white;
  min-width: 475px;
}

main {
  text-align: justify;
  flex-grow: 1;
}

.container {
  max-width: 1000px;
  width: calc(100% - 6em);
  margin: auto;
  padding-top: 2em;
  padding-bottom: 2em;
}

a {
  color: #6a6;
}

a:visited {
  background: white;
}

main {
  pre, section, p {
    margin: 1em 0;
  }

  td.code pre, pre.lineno {
    margin: 0;
  }

  pre {
    overflow-x: auto;
  }
  
  pre, code {
    font-family: "Source Code Pro", monospace;
  }

  pre code {
    overflow-wrap: normal;
    white-space: pre;
  }
}

.rouge-table {
  .gutter.gl {
    border-right: 1px solid #555;
    text-align: left;
    padding-right: .5em;
  }

  .code {
    padding-left: 1em;
  }
}

ul, dl, ol {
  margin-left: 2em;
}