@import url(https://fonts.googleapis.com/css?family=Lato:400,800);body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body,code{font-family:"Lato",sans-serif}html{--lh:1.4rem;line-height:1.4rem;line-height:var(--lh)}header{display:flex;align-items:center;justify-content:center;height:8vh;background-color:#483e52}.header-title{color:#fff}.products-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:15px;padding:20px}@media (max-width:768px){.products-container{grid-template-columns:1fr 1fr}}@media (max-width:400px){.products-container{grid-template-columns:1fr}}.product-container{display:flex;justify-content:center;align-items:center;flex:wrap 1}figure.product{font-family:"Lato",Arial,sans-serif;position:relative;overflow:hidden;margin:10px;min-width:220px;max-width:310px;width:100%;background:#000;color:#333;text-align:left;box-shadow:0 0 5px rgba(0,0,0,.15)}figure.product *{box-sizing:border-box;transition:all .35s cubic-bezier(.25,.5,.5,.9)}figure.product img{max-width:100%;vertical-align:top;max-height:200px}figure.product figcaption{position:relative;background-color:#fff;padding:20px 25px 50px}figure.product h3{position:absolute;bottom:100%;text-transform:uppercase;padding:0 25px;line-height:44px;margin:0;left:0;font-weight:400;background-color:#000;color:#fff}figure.product h3 span{font-weight:800}figure.product h3:before{position:absolute;left:100%;border-color:transparent transparent transparent #000;border-style:solid;border-width:44px 0 0 12px;content:"";top:0}figure.product p{height:200px;font-size:.8em;font-weight:500;text-align:left;margin:0;line-height:1.6em}a:hover,figure.product p:hover,img:hover{cursor:pointer}figure.product .price{position:absolute;top:0;right:0;color:#fff;background-color:#000;padding:0 10px;line-height:40px;font-weight:800}figure.product .price:before{position:absolute;right:100%;border-color:transparent #000;border-style:solid;border-width:0 12px 40px 0;content:"";top:0}figure.product a{text-decoration:none;position:absolute;bottom:0;right:0;background-color:#000;line-height:40px;padding:0 10px;color:#fff;font-weight:800;font-size:.9em;text-transform:uppercase}figure.product a:before{position:absolute;right:100%;border-color:transparent transparent #000;border-style:solid;border-width:0 0 40px 12px;content:"";top:0}figure.product.blue,figure.product.blue .price,figure.product.blue a,figure.product.blue h3{background-color:#4757b9}figure.product.blue .price:before{border-color:transparent #4757b9}figure.product.blue h3:before{border-color:transparent transparent transparent #4757b9}figure.product.blue a:before{border-color:transparent transparent #4757b9}figure.product.red,figure.product.red .price,figure.product.red a,figure.product.red h3{background-color:#ab3326}figure.product.red .price:before{border-color:transparent #ab3326}figure.product.red h3:before{border-color:transparent transparent transparent #ab3326}figure.product.red a:before{border-color:transparent transparent #ab3326}figure.product.orange,figure.product.orange .price,figure.product.orange a,figure.product.orange h3{background-color:#d67118}figure.product.orange .price:before{border-color:transparent #d67118}figure.product.orange h3:before{border-color:transparent transparent transparent #d67118}figure.product.orange a:before{border-color:transparent transparent #d67118}figure.product.hover img,figure.product:hover img{transform:scale(1.1)}.icon-container{display:flex;justify-content:center;align-items:center;cursor:pointer}.shopping-cart-icon{height:40px;align-self:center;margin-top:5px;margin-right:10px}.number-of-items-in-cart{display:flex;justify-content:center;align-items:center;height:40px;width:40px;background-color:#ea4c89;color:#fff;border-radius:20px}.shoppingWrapper{display:flex;align-content:center;justify-content:center;width:100%;padding:30px 0}.shopping-cart-container{display:grid;grid-template-columns:1fr;grid-gap:20px;width:90%}.cart-item-container{display:grid;grid-template-columns:1fr 1fr 50ch 1fr 1fr 1fr 1fr;grid-gap:10px;width:100%;height:200px;border:1px solid #000}.shopping-cart-total{margin:20px}.cart-item-container .item-img{display:grid;align-items:center;justify-items:center}.cart-item-container .item-attr{display:grid;grid-gap:4px}.cart-item-container img{width:90%}.cart-item-container b,.cart-item-container p{margin:10px}.cart-item-container a{display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:#4757b9;line-height:40px;padding:0 10px;color:#fff;font-weight:800;font-size:.9em;width:100px;height:40px}.truncate-overflow{--max-lines:3;position:relative;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;padding-right:1rem}.truncate-overflow:before{position:absolute;content:"...";bottom:0;right:0}.truncate-overflow:after{content:"";position:absolute;right:0;width:1rem;height:1rem}@media (max-width:768px){.shopping-cart-container{grid-template-columns:1fr 1fr}.cart-item-container{grid-template-columns:1fr;height:100%}.cart-item-container img{width:60%}.cart-item-container .item-attr{display:flex}.cart-item-container .item-attr b{width:150px;min-width:150px}}@media (max-width:400px){.cart-item-container,.shopping-cart-container{grid-template-columns:1fr}.cart-item-container{height:100%}.cart-item-container img{width:50%}.cart-item-container .item-attr{display:flex}.cart-item-container .item-attr b{width:150px;min-width:150px}}
/*# sourceMappingURL=main.fd1d4631.chunk.css.map */