img{
    width: 500px;
    
}
body {background-color: black; font-family: Arial, Helvetica, sans-serif; color: white}
.diagram{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.title{
    background-color: rgb(83, 213, 233);
    margin-right: 80%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.foot{
    background-color: rgb(9, 255, 0);
}
.nav-bar{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
  
}
.nav-bar li{
  float: left;
}
.nav-bar a{
  display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}
  .nav-bar a:hover{
    background-color: #111111;
  }