body { 
  background: black;
  color: gray;
  width: 720px;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

a {
  color: gray;
}

#projects {
  font-size: 25px;
  margin: 0
}

#projects  {
}

#Title {
  font-size: 220%;
  color: #00FF00;
  text-align: center;
}

#MenuBar {
  display: inline;
  white-space: nowrap;
  font-size: 55px;
  margin-left: 15px;
  margin-right: 15px;
  list-style: none;
}

#MenuBar li {
  height: 20px; 
  margin-bottom: 50px;
  width: 250px;
}

#MenuBar a {
  text-decoration: none;
}

#MenuBar a:hover {
  color: yellow;
}
.green { background: #008000; }
.green a { color: #00ff00; }
.blue { background: #000080; }
.blue a { color: #0000ff; }
.orange { background: #bf4c00; }
.orange a { color: #ff8c00; }
.red { background: #800000; }
.red a { color: #ff0000; }
.yellow { background: #b6a000; }
.yellow a { color: #ffeb4d; }
.left { float: left; }
.tinyip {
  font-size: 80%;
  text-align: center;
}
.upsidedown {
  -webkit-transform: rotate(-180deg); 
  -moz-transform: rotate(-180deg)
}