body {
  background-image: url("https://libraryofjohnd.neocities.org/library-media/binary.gif");
}

header {
  text-align: center;
}

main {
  display: flex;
  text-align:center;
}

main > nav {
  order: 1;
  width: 15%;
  font-weight: bold;
  text-align: center;
  background-color: #DEDEDE;
  border: 3px solid #141833;
  border-radius: 5px;
  box-shadow: inset 1px 1px 10px 5px #A2A2BD;
  color: black;
  padding: 6px;
  margin-right: 10px;
}

#directory {
  font-size: 25px;
}

header {
  font-size: 20px;
}

main > article {
  flex: 1;
  order: 2;
}