/* mainly index page css */
body {
  background-color: #F4F4F4;
  margin: 0px;
  padding: 0px;
  font: 20px, 1.5, Nunito, sans-serif;
}

.title {
  position: center;
  text-align: center;
}

.title h1 {
  font-size: 125px;
}

.prompt p {
  font-size: 30px;
}

.catagories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.catagories .books {
  padding: 1em;
  font-size: 75px;
  background-color: #49c52a;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}

.catagories .plants {
  padding: 1em;
  font-size: 75px;
  background-color: #49c52a;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}

.catagories .bakery {
  padding: 1em;
  font-size: 75px;
  background-color: #49c52a;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}

.catagories .books:hover {
  background-color: black;
}

.catagories .books:hover a {
  color: #49c52a;
}

.catagories .plants:hover {
  background-color: black;
}

.catagories .plants:hover a {
  color: #49c52a;
}

.catagories .bakery:hover {
  background-color: black;
}

.catagories .bakery:hover a {
  color: #49c52a;
}

.catagories div a {
  text-decoration: none;
  color: black;
}

/* Books page css */
.bookList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.bookList .item {
  width: 350px;
  height: 350px;
  padding: 1em;
  font-size: 50px;
  background-color: #49c52a;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}

.bookList .space {
  padding: 1em;
}

.bookList .item:hover {
  background-color: black;
}

.bookList div .item a {
  color: black;
  text-decoration: none;
}

.bookList .item:hover a {
  color: #49c52a;
}

.bookList .item:hover h3 {
  color: #49c52a;
}

.bookList .item:hover p {
  color: #49c52a;
}

/* product page */
/* nav */
header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: aqua;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  font-size: 25px;
}

nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

nav ul li {
  list-style-type: none;
  margin: 0;
  padding-left: 5em;
  padding-top: .5em;
}

nav ul li a {
  text-decoration: none;
  color: black;
}

ul li:hover a {
  color: white;
}

.logo {
  padding-top: 0.5em;
}

/* purchase */
.purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.purchase .space {
  padding: 1em;
}

.sideright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 769px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sideright .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sideright .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sideright .title {
  -ms-flex-preferred-size: 405px;
      flex-basis: 405px;
  width: 405px;
  padding-left: 1em;
}

.title p {
  font-size: 50px;
}

.rating p {
  font-size: 50px;
  color: gold;
  background-color: black;
  text-align: center;
}

.price {
  -ms-flex-preferred-size: 405px;
      flex-basis: 405px;
  width: 405px;
}

.price p {
  font-size: 50px;
}

.buy a {
  font-size: 50px;
  font-weight: bold;
  color: #e84833;
  text-decoration: none;
}

.buy {
  background-color: grey;
  text-align: center;
}

.buy a:hover {
  color: #338be8;
  text-decoration: none;
}

.description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 25px;
}

.center ul {
  list-style-type: square;
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Gallery */
.imageGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* image zoom */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  width: 50px;
  height: 50px;
}

.purchase .space:hover ~ .right {
  border: 1px solid black;
  background-color: yellow;
}
/*# sourceMappingURL=main.css.map */