:root{
  --border-color: #c6c6c6;
  --background-color: #535353;
  --body-color: #eeeeee;
  --text-color: #000000;
  --pesterchum-color: #eeeeee;
}

html {
  color:var(--text-color);
  background-color: var(--background-color);
  font-size: 16px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
}

nav{
  font-family:Verdana, sans-serif;
  font-size: 10px;
  text-align: center;
  max-width: 925px;
  margin-inline: auto;
  padding: 8px;
}
h1{
  font-size: 28px;
  padding: 8px;
}
.containerDiv {
  margin-inline: auto;
  max-width: 925px;

  border-radius: 0px;
  border-style: solid;
  border-width: 8px;
  border-color: var(--border-color);
  background-color: var(--border-color);
  text-align:center;
}
.bodyDiv {
  margin-inline: auto;
  width: 70%;
  background-color: var(--body-color);
  text-align:center;
}

.pesterchumDiv {
  width: 80%;
  margin-inline: auto;
  border-style: dashed;
  border-width: 1px;
  background-color: var(--pesterchum-color);
  text-align:left;
  
}

li {
  margin-left: 20px;
  text-align:left
}

@media(max-width: 900px){
  .bodyDiv{
    width: 100%;
  }
}