/* cormorant-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cormorant-garamond-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* germania-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Germania One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/germania-one-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  
    background-color: #945e06;
}

 header{ 
    background-color: darkred;
    margin-bottom: 50px;
    position: fixed;
    top: 0px;
    margin-left: -8px;
    margin-top: 0px;
    border-bottom: 1px, solid, black;
    z-index: 10;
    width: 100%;
    }

 header ul {
  margin: -50px 10px 10px 350px;
  padding: 0 20px;
  text-align: center;

 }  

header li {
  display: inline-block;
  font-size: 1.4em;
  width: 110px;
  margin: 10px, 0px;
  padding: 2px;
  border: 2px, solid, white;
 }


 header li:hover {
    color: white;
    
 }

    h3 {
    margin-left: 600px;
    margin-bottom: -15px;
  }

  h1 {
    margin-top: -16px;
    margin-bottom: 0px;
    margin-left: 10px;
    color: #ed8a09;
    font-family: Germania One;
      font-size: 2.4em;

   text-shadow: 2px 2px black;
  }

  .search_bar {
    margin-left: -250px;
    margin-bottom: -15px;
    margin-top: -25px;
    font-size: 1.15em;
  

  }
  .search {
    margin-left: 2px;
    height: 15px;
    width: 200px;
    margin-top: 25px;
  }



 .listing {
  margin-top: 170px;
  margin-left: 10px;
 }

 .listing_section {
  margin-top: -40px;
 }

 .purchases {
  margin-top: 170px;
  margin-left: 10px;
 }

 .purchase_section {
  margin-top: -100px;
 }

 .Limage {
  margin-left: 30px;
  margin-bottom: 10px;

 }

 .Pimage {
  margin-left: 30px;
  margin-bottom: 30px;

 }

 img {
  border: 1.5px black solid;
 }

  h2 {
   margin-top: 120px;
   text-align: left;
   color: #ed8a09;
   font-size: 2em;
   font-family: Germania One;
   text-shadow: 2px 2px black;
    }

 form {
   margin-left: 10px;
   text-align: center;
   margin-bottom: 20px;

 }

 
 input {
   
   width: 400px;
   height: 50px;


 }

 input.submit {
   text-align: center;
   margin-left: 10px;
   margin-bottom: 20px;
   width: 200px;
 }

 .button1 {
  margin-left: 45px;
  margin-top: 15px;
  width: 200px;
  height: 75px;
  background-color: darkred;
 }

 .button2 {
    margin-left: 45px;
  margin-top: 15px;
  width: 200px;
  height: 75px;
  background-color: darkred;
  margin-bottom: 20px;
 }