.main {
  max-width: 70em;
  margin: 0 auto;
  padding: 0 0.5em;
}

.end{

  overflow: hidden;
  text-overflow: clip;
  position: relative;
  right: 20px;

  font-family: monospace;
  white-space: pre;
}

body {
  line-height: 1.5;
  font-size: 15pt;
 /* font-family: sans-serif; */
  font-family: 'Courier New', monospace;
  color: #FEFEFE;
  background-color: #1b1b1b;
  overflow-wrap: break-word;
}

code {
  font-size: 0.9em;
  font-family: monospace;
  padding: 0 4px;
}

pre {
  padding: 15px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  tab-size: 4;
  -moz-tab-size: 4;
}

code, pre {
  color: #FEFEFE;
  background-color: #181E22;
}

pre code {
  padding: 0;
}

img {
  max-width: 100%;
  text-align: center;
}

h1 {
  text-align: center;
}

h1, h2, h3, h4, h5 {
  font-family: sans-serif;
}

.menu {
  padding: 0;
}

.menu li {
  display: inline;
}

.menu li:not(:last-of-type)::after {
  content: ' | ';
}

.active {
  text-decoration: none;
}

h1 a {
  text-decoration: none;
}

:link {
  color: #c5991f;
}

:visited {
  color: #ebc766;
}

dt {
  font-weight: bold;
}


.ascii-art {
  font-family: monospace;
  white-space: pre;
  text-align: center;
  font-size: 65%;

  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto;
}