body{
  background-image: url("../media/pirateShipBackground.jpg");
  min-height: 500px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size:100%;
  max-width:750px;
  margin-left:auto;
  margin-right:auto;
}
#navbar {
  overflow: hidden;
  background-color: #333;
  top:0;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: silver;
  color: black;
}

#navbar a.active {
  background-color: orangered;
  color: white;
}

section#content {
  background-color:peachpuff;
  padding: 1%;
  opacity:.9;     
  font-size:1.2em;
  min-width:500px;   
  margin-right:auto;
  margin-left:auto;
}
h1{
  color:black;
  text-shadow:1px 1px black;
  text-align:center;    
}
#content p, input{
 margin-left:60px;
} 
canvas{
 margin-left:100px;
}