body{
    background-color: #fff5ee;
    max-width:1392px;
    height:100%;
    font-family:Arial, Helvetica, sans-serif
   }
   
/*header text*/
#con{font-family: sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.85;
    letter-spacing: 0;
    color: #363636;
      padding:0 20px;}
    
    /* nav bar */
    #navbar ul{list-style:none;
    padding: 1em 0;
    display:inline-block;
    text-decoration:none;
      font-size:18px;
      padding-right:15px;
    }
    
    #navbar li{display:inline;
    padding: 0 1.5em;
    border-right: 3px solid black;
    text-align:center;
    margin:auto;
    }
    
    #navbar a{font-weight:bold;
    text-decoration:none;
    font-family: sans-serif;
    font-size: 110%;
    color:#363636;}
    
    .container {
      display:flex;
      justify-content:space-between;
      align-items:center;
    }
    
    body{
        padding-left: 10%;
        padding-right:10%;
      }

.content{
  text-indent: 20px;
margin-left: 10px;
height:100%;
overflow:auto;
padding-bottom: 180px;
}

p{line-height:140%;
}

h2{
  color:#7d3c98;
}

figure {
  border: 1px #cccccc solid;
  padding: 4px;
  width:50%;
  height:50%;
  float:right;
}

figcaption {
  background-color:#363636;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}

  /*links*/

  li{
    line-height: 120%;
  }

  a:visited {
    color: #7d3c98;
    background-color: transparent;
    text-decoration: none;
  }
  
  a:link {
    color: #7d3c98;
    background-color: transparent;
    text-decoration: none;
  }
  
  a:hover {
    color: #7d3c98;
    background-color: transparent;
    text-decoration: underline;
  }


/*footer*/
footer {
  font-family: sans-serif;
  text-align:center;
  font-size: 125%;
  padding: 30px;
  background-color:	#363636;
  color: white;
  margin-top:80px;
  margin-bottom:-15px;
  margin-left:-220px;
  margin-right: -220px;
  clear:both;}