body{
  margin: 4px auto;
  padding: 0;
  width: 1100px;
  font-family: "Courier New";
  box-sizing: border-box;
  text-align: center;
}
a{
  text-decoration: none;
  color: blue;
}
a:hover{
  color: red;
}
.top-menu, .home-menu, .account-menu{
  display: flex;
  padding: 0;
  justify-content: space-between;
  width: 100%; 
}
.top-menu > div, .account-menu > div, .home-menu > div{
  padding: 2px 8px;
  display: flex;
}
.top-menu .spacer{
  width: 100%;
}
.account-menu{
  justify-content: center;
}
.account-form, .help-form {
  display: flex;
  justify-content: center;
}
.account-form > form, .help-form > form {
  width: 300px;
  min-height: 50%;
  display: flex;
  flex-direction: column;
  item-align: middle;
}
.page-caption{
  padding: 2px 0;
}
.help-container{
  display: flex;
  justify-content: flex-start;
  text-align: left;
}
.page-container, .help-container{
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: center;  
  min-height: 55%;
}
.page-menu, .help-menu{
  padding:0 20px 0 0;
  border-right: dashed 1px #d0d0d0;
  text-align: left;
  justify-content: flex-start;  
  width: 350px;
}
.page-content, .help-content{
  padding: 10px; 20px;
  width: 100%;
  text-align: left;
  justify-content: flex-start;
}


.code-comment{
  color: gray;
  font-style: italic;
}
.code-type{
  color: crimson;
  font-weight: bold;
}
.code-declared-function{
    color: green;
}
.code-typedef{
  color: olive;
}
.code-variable{
  color: blue;
}