.center {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
    
  }

  p {
    font-size: 20px;
    width: 10%;
    display: block;
    margin-left: 46%;
    margin-right: auto;
  }


.imageleft {
  float: left;
  width: auto;
  height: 200;
}

.imageright {
  float: right;
  width: auto;
  height: 200;
}


.nav {
  display: block;
  float: left;
  width: 15%;
  background-color: orange;
  height: 1000;
}

h2 {
  color: black;
  text-align: center;
}


body {
  background-color: lightgrey;
}


.left {
  float: left;
}


header, section, footer {
  border: 1px solid orange;
  padding: 20px;
  margin: 10px;
  text-align: center;
  background-color: orange;
}

.middle {
  display: flex;
  justify-content: space-around;
}
.middle section {
  width: 30%;
}

label, select, input {             margin: 10px 0;             display: block;         }        
button {             
  background-color: #3498db;  
  color: white;                
  cursor: pointer;
  padding: 10px;             
  border: none; 
} 
button:hover { 
background-color: #2980b9; 
}