body{margin:0;padding:0;font-family:sans-serif}main{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}header{background:url("http://karmaagency.com/media/1417/nike_mercurial_960x425_r1.jpg?width=960&mode=max");width:100%;height:420px;background-repeat:no-repeat;background-position:50%}.productsWrapper{width:80vw;padding:0;margin:10px 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.singleProduct{-webkit-animation:enteredAnimation .8s forwards;animation:enteredAnimation .8s forwards;-webkit-transform:translateX(-300%);-ms-transform:translateX(-300%);transform:translateX(-300%);z-index:1;list-style-type:none;font-family:monospace;width:30%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:10px;border:1px solid #000;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;-o-transition:.1s transform;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.singleProduct:hover{background-color:#fdfbe7;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);z-index:2;-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000}.singleProduct .productPrice{font-family:monospace}.singleProduct .productName{font-size:1.7em;margin-top:10px}.singleProduct img{width:95%}@-webkit-keyframes enteredAnimation{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%);z-index:5}to{-webkit-transform:translateX(0);transform:translateX(0);z-index:1}}@keyframes enteredAnimation{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%);z-index:5}to{-webkit-transform:translateX(0);transform:translateX(0);z-index:1}}.sizes{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.sizes,.sizes>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sizes>div{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.sizes>div>button{margin:5px;border-radius:50%;outline:none;background-color:#fff;color:#712b2b;border:1px solid #585858;width:2em;height:2em}.addProduct{margin:10px 0;background-color:#000;color:#fff;border:1px solid #000;width:80%;padding:1em 0;font-size:1em;-webkit-transition:color .1s,background-color .2s;-o-transition:.1s color,.2s background-color;transition:color .1s,background-color .2s}.addProduct:hover{background-color:#fff;color:#000;border:1px solid #000}p{margin:5px 0;font-size:1.2em}.clickedButton{background-color:#000!important;color:#fff!important;border:1px solid #42420c!important}.cart{position:fixed;right:10px;top:10px;cursor:pointer;z-index:6}.cart .cartIcon{width:45px;height:45px;background-size:45px 45px}.cart .cartIcon:hover{opacity:0}.cart .cartContent{right:0;top:0;height:100vh;width:30vw;overflow:scroll;position:fixed!important;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;color:#000;border:none}.cart .cartContent::-scrollbar{display:none}.cart .addItemToCart{font-size:25px;font-family:monospace;font-weight:300}.cart h2,.cart h3,.cart ul{margin:0;font-family:monospace}.cart h3{font-size:25px;font-family:monospace}@-webkit-keyframes enteredAnimation{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%);z-index:5}to{-webkit-transform:translateX(0);transform:translateX(0);z-index:1}}@keyframes enteredAnimation{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%);z-index:5}to{-webkit-transform:translateX(0);transform:translateX(0);z-index:1}}.singleCartProduct{margin:20px 0;-webkit-animation:enteredAnimation .8s forwards;animation:enteredAnimation .8s forwards;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;-o-transition:.1s transform;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;-ms-flex-direction:row;flex-direction:row}.singleCartProduct,.singleCartProduct>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.singleCartProduct>div{width:60%;-ms-flex-direction:column;flex-direction:column}.singleCartProduct>img{width:45%;margin:0;height:100px}.singleCartProduct .removeItem{background-color:#fff;color:#000;border:1px solid #000;outline:none;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);padding:15px 32px;text-decoration:none;font-size:15px;margin:6px 2px;cursor:pointer;font-family:monospace}.singleCartProduct .removeItem:hover{background-color:#292626;color:#f1e3e3;border:1px solid #000}.buyButton{position:relative;-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;font-family:monospace;outline:none;width:90%;margin:0 auto;padding:20px 0;font-size:20px;background-color:#009688;color:#fff;border:none}.buyButton:hover{-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);background-color:#13746a}.cartItems{list-style-type:none;width:89%}#filtersWrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.sizeFilter{margin:0 5px;padding:.1em;font-size:1.5em;border-radius:50%;width:1.5em;height:1.5em;outline:none;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;color:#585858;border:1px solid #712b2b}.clickedButton{background-color:#000;color:#fff;border:1px solid #42420c}
/*# sourceMappingURL=main.c19ce053.css.map*/