/*Copied from hw assignments*/

   /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
    display: block;
    margin: auto;
  }

  #table{
    text-align: center;
  }

  #page-wrap {
     width: 900px;
     border-width: .5px;
     border-style: ridge;
     background-color: #d2b48c;
     border-color: #aa3311;
     margin: 0 auto;
  }
  p { 
    margin-left:5px;
    margin-right: 5px;
  }

  body {
    line-height: 1;
  }

  aside {
    float: right;
  }

  ol, ul {
    list-style: none;
  }

  blockquote, q {
    quotes: none;
  }

  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

/*=========================================
    Main Styles
    =========================================*/
    body {
      font-family: "Courier New", Courier, monospace;
      background-image: url(https://c1.staticflickr.com/5/4009/4202889892_bd55c9b75c_o.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      background-size:cover;
    }

    .form {
      text-align: left;
    }

    .city {
      float: left;
    }
    .state {
      float: left;
    }

    .zip {
      float: left;
    }

    .ghosting {
      text-align: center;
    }

    .button {
      margin: 10px;
    }

    .table:before {
    content:' ';
    text-align: center;
    display:block;
    border:.5px solid #aa3311;
    }

    .toppage:after {
      content:' ';
      display:block;
      border:.5px solid #aa3311;
    }

   .f {
      display: table-row;
    }

    .aboutbutton {
      font-size: 130%;
      font-weight: bolder;
      border: .5px solid #aa3311;
      border-style: double;

    }

    .order {
      display: inline-block;
      margin: 10px;
      width: auto;
    }

    .table {
      text-align: center;
    }

    .toppage {
      text-align: center;
    }

    .copyright {
      text-align: center;
    }


    .biography {
      margin-right: 5px;
      margin-left: 5px;
      text-align: center;
    }

    .about {
      margin-right: 5px;
      margin-left: 5px;
      text-align: center;
    }

    .paragraph {
      margin: 8%;
      text-align: justify;
    }

    .biographypic {
      width: 500px;
      text-align: center;
    }

    .handmadepottery {
      text-align: center;
    }

    .potterysales {
      text-align: center;
    }

    .post {
      text-align: center;
    }

    .main {
      text-align: center;
    }

    .cetitle {
      text-align: center;
    }

    .buy {
      margin-left: 30px;
      margin-right: 30px;
    }

    .sales {
      align-items: center;
      alignment-baseline: central;
    }

    .container {
      width: 989px;
      margin: 5 auto;
    }

    .footer {
    }