/**BODY**/

body {font-family: sans-serif;
    text-align: center;}
   
/**HEAD**/
header{color: white;
    background-color: brown;
    margin: 1rem;
    padding: 0.50rem;
    margin-top: -10px;
    margin-left: -10px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1rem;}

h2{font-size: 0.80rem;}

/**NAV**/
nav ul li{float: inherit;
          display: inline-block;
          text-align: center;
          background-color: brown;
          padding: 0.60rem;
          margin: 0.60rem;
          list-style-type: none;}

nav ul li a{text-decoration: none;
            color: white;
            font-size: 0.80rem;
            font-family: sans-serif;
}

.clear{clear: both;}

h3 {color: white;
    font-size: 0.90rem;
    font-style: italic;
    background-color: brown;
    padding: 1.5rem 1.5rem;}

h4 {color: brown;}

/**FOTER**/

footer {background-color: brown;
        margin: 3rem 15rem 3rem 15rem;
        padding: 2rem;
        font-size: 1rem;
        color: white;}