body {
    background-color: #eee6dd;
    text-align: center;
    color:#544;
    }
   header {
     background-color: white;
     width: 100%;
     }
  hr {
  border-top: 2px solid #ff5e4cl0;
  width: 80%;
  }
  figure img {
    width: 100%; 
    height: auto;
    border-radius: 1em;
    }
  figcaption {
    text-align: right;
    font-size: 80%;
  }
  a:link {text-decoration: none;}
  button {
    color: #eee6dd;
    font-weight: bold;
    font-size: 110%;
    width: 9em;
    height: 3em;
    padding: 0.5em;
    display: block;
    border-radius: 0.65em;
    background-color: forestgreen;
  }
  button:hover {color: white;}
  button:active {
    background-color: aquamarine;
    color: crimson;
    }
 #mast {background-color: #040505;}
 input[type=text], input[type=email], textarea {
    border: 2px solid #433;
    border-radius: 0.28em;
    margin-bottom: 1em;
    padding: 0.5em;
    width: 100%;
    font-size: 120%;
  }
  input[type=submit], input[type=reset]{
    color: crimson;
    font-size: 110%;
    width: 5em;
    height: 2.5em;
    position: relative;
    left: 27.5em;
    top: -3em;
    border-radius: 0.6em;
    ,             }
 textarea {
    height: 20em;
    overflow: scroll;
    overscroll-behavior: none;
  }
  footer { background-color: #040505;
  }
  .hidden {display: none;} 
   .left {text-align: left;} 
   .text {
     width: 55%;  
     font-size: 130%;
     text-align: left;
     margin: 0 auto 3em auto;
     }  
  .center {
    width: 70%;
    margin: 0 auto 0 auto;
    }
  .field {
    background-color: #eee;
    color: #333;
    text-align: left;
    } 
  .alert {
    font-family: Trebuchet, Helvetica, sans-serif;
    color: crimson;
    font-size: 110%;
    margin-top: -0.7em;
    }
  .bigbottom {margin-bottom: 2em;}
  .required {
    position: relative;
    top: -2em;
    color: crimson;
  }
  .footer {
    color: #ddcdbb;
    font-family: Trebuchet, Helvetica, sans-serif;
    padding: 1em;
  } 
  #footer1 {font-weight: bold;
   }