body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: #0c00ff;
  /*font-family:myFirstFont;*/
}
/*NAV*/
#navBox{
  margin-left: 20px;
  margin-top: 50px;
  position:fixed;
  z-index:101;
  width:200px;
  height:250px;
  text-align: left;
}
#nav{
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  color:white;
  text-align: left;
  font-size: 22px;
}
#nav a{
  margin-right: 10px;
  margin-top: 20px;
  color:RED;
  text-decoration: none;
  text-align: left;
  font-size: 22px;
  background-color: white;
}
#nav a:hover{
  color:white;
  background-color:red;
}

#infoBox{
  margin-left: 50%;
  /*margin-right: 70px;*/
  margin-top:200px;
  position:absolute;
  z-index:4;
  width:600px;
  /*height:700px;*/
  /*text-align: right;*/
  border: 5px solid #000;
  background-color: white;
  -ms-transform: skew(-5deg, -15deg); /* IE 9 */
  -webkit-transform: skew(-5deg, -15deg); /* Safari */
  transform: skew(-5deg, -15deg);
}
#info p{
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  text-align: left;
  font-size: 18px;
  color:black;
}
#info a{
  text-align: left;
  font-size: 18px;
  color:red;
  text-decoration: none;
}
#info a:hover{
  color:red;
  background-color: black;
}
#infoTitle {
  text-align: left;
  font-size: 20px;
  color:red;
}
#infoImgDiv{
  margin-top: 50px;
  margin-left: -500px;
  font-family:monospace, Courier;
  font-size:10px;
  letter-spacing: 2px;
  background-color: black;
  color: white;
  -ms-transform: skew(5deg, 15deg); /* IE 9 */
  -webkit-transform: skew(5deg, 15deg); /* Safari */
  transform: skew(5deg, 15deg);
 }