html {
  font-family: "Courier New";
  
      }
  
body {
      background-color:#6495ed;
      color: darkblue;
      height:100%;
      width:100%;
      padding: 0;
      margin: 0;
  }
  head-er {
    display:block;
    background-color: white;
    background-image:url('/images/header.png');
    
    text-align:center;
    width:900px;
    height:250px;
    
  
  }

    container-body{
      display:block;
      max-width: 1000px;
      
      margin: 0 auto;
      
        
        }
#nav{ 

    list-style-type: none;
    margin: 0;
    padding: 0;
        }
#nav ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: darkblue ;
  justify-content: space-evenly;
}

#nav ul li {
  float: left;
}

#nav ul li a {
  display: block;
  width:100%;
  color: white;
  text-align: center;
  padding: 14px 14px;
  text-decoration: underline;
}
  #flex{ display:flex;}
  
  aside{
    background-color: white;
    
    
    order:1;
    padding: 20px;
    width:25%;
    margin: 10px 0px 0px 0px;
    font-size: smaller;
  }

 main{
      
      background-color: white;
      order:2;
      width:75%;
      margin: 10px 0px 0px 0px;
      padding: 20px;
      
       }
  h3 {
    text-decoration-line: underline;
    text-decoration-style: solid;
  }
  footer{
    background-color: darkblue;
    color: #6495ed;
    text-align: center;
    margin: 10px 0px;
    padding:10px;
  }
  #preview {
    border: 3px solid darkblue; 
    
    margin: 5px 5px 5px 10px;
    padding: 20px;
  }
    


   

            /* the area below is for all links on your page
    EXCEPT for the navigation */