body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.product-select{cursor:pointer}.img-responsive{max-width:80px}.product-select:after{background-color:#d3d3d3;position:absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:0}.product-select:hover:after{opacity:.5}h3{text-align:center}.hreni:hover{-webkit-transition:.5s;transition:.5s;-webkit-filter:grayscale(0);filter:grayscale(0);border-left:2px solid #7ba1d7;border-right:2px solid #7ba1d7}.hreni:active{-webkit-filter:saturate(300%);filter:saturate(300%)}.hreni,.hreni:active{-webkit-transition:1s;transition:1s}.hreni{-webkit-filter:grayscale(100%);filter:grayscale(100%);border-left:2px solid transparent;border-right:2px solid transparent;box-sizing:border-box}img~button{display:block;margin:auto;width:150px;-webkit-font-feature-settings:"c2sc";font-feature-settings:"c2sc";font-variant:small-caps;font-size:15px;background-color:#20b2aa;outline:none}*,canvas{box-sizing:border-box}canvas{position:relative;width:100%}@-webkit-keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body,html{margin:0;font-family:Exo,sans-serif}.cart_box,body,html{width:100%;height:100vh}.cart_box{background:-webkit-linear-gradient(135deg,#23d5ab,#23a6d5,#d58fcd,#ee7752);background:linear-gradient(-45deg,#23d5ab,#23a6d5,#d58fcd,#ee7752);background-size:400% 400%;-webkit-animation:gradientBG 15s ease infinite;animation:gradientBG 15s ease infinite}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}#add_to_cart{background-color:#a7d339}canvas{border-bottom:2px solid #7ba1d7}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bg_load{position:fixed;left:0;top:0;width:100%;height:100%;background:#eee}.wrapper{font-size:25px;width:8em;height:8em;position:fixed;left:50%;top:50%;margin-top:-100px;margin-left:-100px;border-radius:50%;background:hsla(0,0%,100%,.1);border:1em dashed rgba(138,189,195,.5);box-shadow:inset 0 0 2em hsla(0,0%,100%,.3),0 0 0 .7em hsla(0,0%,100%,.3);-webkit-animation:rota 3.5s linear infinite;animation:rota 3.5s linear infinite;font-family:Racing Sans One,sans-serif;color:#444;text-align:center;text-transform:uppercase;text-shadow:0 .04em rgba(82,216,120,.9);line-height:6em}.wrapper:after,.wrapper:before{content:"";position:absolute;z-index:-1;border-radius:inherit;box-shadow:inset 0 0 2em rgba(223,68,68,.3);border:1em dashed}.wrapper:before{border-color:rgba(27,191,210,.2);top:0;right:0;bottom:0;left:0}.wrapper:after{border-color:rgba(195,177,138,.4);top:1em;right:1em;bottom:1em;left:1em}.wrapper .inner{width:100%;height:100%;animation:rota 3.5s linear infinite reverse}.wrapper span{display:inline-block;-webkit-animation:placeholder 1.5s ease-out infinite;animation:placeholder 1.5s ease-out infinite}.wrapper span:first-child{-webkit-animation-name:loading-1;animation-name:loading-1}.wrapper span:nth-child(2){-webkit-animation-name:loading-2;animation-name:loading-2}.wrapper span:nth-child(3){-webkit-animation-name:loading-3;animation-name:loading-3}.wrapper span:nth-child(4){-webkit-animation-name:loading-4;animation-name:loading-4}.wrapper span:nth-child(5){-webkit-animation-name:loading-5;animation-name:loading-5}.wrapper span:nth-child(6){-webkit-animation-name:loading-6;animation-name:loading-6}.wrapper span:nth-child(7){-webkit-animation-name:loading-7;animation-name:loading-7}@-webkit-keyframes rota{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rota{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-1{14.28%{opacity:.3}}@keyframes loading-1{14.28%{opacity:.3}}@-webkit-keyframes loading-2{28.57%{opacity:.3}}@keyframes loading-2{28.57%{opacity:.3}}@-webkit-keyframes loading-3{42.86%{opacity:.3}}@keyframes loading-3{42.86%{opacity:.3}}@-webkit-keyframes loading-4{57.14%{opacity:.3}}@keyframes loading-4{57.14%{opacity:.3}}@-webkit-keyframes loading-5{71.43%{opacity:.3}}@keyframes loading-5{71.43%{opacity:.3}}@-webkit-keyframes loading-6{85.71%{opacity:.3}}@keyframes loading-6{85.71%{opacity:.3}}@-webkit-keyframes loading-7{to{opacity:.3}}@keyframes loading-7{to{opacity:.3}}
/*# sourceMappingURL=main.5ca78072.chunk.css.map */