body {
  background-color: black;
  font-family: 'Fixedsys Excelsior 3.01 Regular', 'Fixedsys Neo+',
    'Fixedsys Regular', 'Fixedsys Regular', 'fixedsys', monospace;
  font-size: medium;
  color: #00ff00;
  padding-top: 60px;
  padding-bottom: 40px;
}

div {
  color: #00ff00;
}

a {
  color: #00ff00;
}
a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

#header {
  align-content: center;
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0px;
  height: 100px;
}

#content-container {
  width: 100%;
  float: left;
  margin: 0 auto;
  padding-top: 20px;
  position: absolute;
  top: 100px;
  bottom: 60px;
}

#content {
  position: absolute;
  top: 0px;
  bottom: 80px;
  width: 100%;
  overflow: scroll;
}
#log-window {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 60px;
  overflow: scroll;
  scroll-behavior: auto;
}

#footer {
  clear: both;
  text-align: center;
  width: 100%;
  position: absolute;
  height: 60px;
  bottom: 0px;
}

#log {
  color: #008000;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Fixedsys Excelsior 3.01 Regular', 'Fixedsys Neo+',
    'Fixedsys Regular', 'Fixedsys Regular', 'fixedsys', monospace;
  font-size: medium;
}

table.menu {
  border: 0px solid;
}

.menu-item {
  width: 80px;
  text-align: center;
  vertical-align: middle;
}

.menu-item {
  border-right: 1px solid;
}
.menu-bar > .menu-item:last-child {
  border-right: 0px;
}

.menu-item-selected {
  border-bottom: 1px dashed;
}
.menu-item-selected > a:hover {
  text-decoration: none;
}