h1 {
text-transform: uppercase;
color: black;
background-color: transparent;
font-size: 2em;
font-family: Arial;
font-weight: 700;
text-align: center;
}

h2 {
text-transform: uppercase;
color: black;
font-size: 1.5em;
font-family: arial;
font-weight: bold;
text-align: center;
}

article {
	text-align: justify;
}

pre {
  color: black;
  background-color: transparent; 
  font-size: 1em;
  text-align: initial;
  font-family: courier, sans-serif;
  margin-left: 0.5em;
  max-width: 90%;
  overflow: auto;

 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
}

div.flex-container {
  display: flex;
}

 #nav_bottom {
    border: solid black 2px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0.5em;
    font-size: 0.1.5em;
    text-align: center;
    font-family: arial;
    font-weight: 700;
    width: 10em;
  }