@import url(https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Alata",sans-serif}body{background-color:#3c4359}.blur{position:fixed;display:"block";opacity:0;background-color:#000;width:0;height:0;transition:opacity .7s linear}.cart .Product .icon_2{position:absolute;top:27px}.tooltip{left:0;top:0;min-width:100px;transition:opacity .25s linear}.description,.tooltip{position:fixed;text-align:center;padding:5px 12px;font-family:Arial,Helvetica,sans-serif;display:none;opacity:0;color:#fff}.description{font-size:1em;z-index:9999;left:0;top:300px;width:300px;left:100px;transition:opacity .7s linear}.description a,.tooltip a{color:#fff}a{text-decoration:none}li{list-style-type:none}#root,body,canvas,html{width:100%;height:100%}canvas{width:100%;height:722px;position:absolute;top:0;z-index:0}#logo{font-weight:400;font-family:"Lilita One",cursive;color:#f2f4f3;font-size:3rem}.header-bar{height:70px;display:flex;color:#f2f4f3;justify-content:space-between;align-items:center;padding:0 30px;position:relative;z-index:999}.header-bar ul{display:flex;flex-direction:row-reverse;justify-content:space-around}.header-bar li{display:grid;grid-auto-flow:column;position:relative}.header-bar li:hover span{-webkit-animation:flash 1s;animation:flash 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;cursor:pointer}@-webkit-keyframes flash{0%{margin-left:100px}to{margin-left:-5px}}@keyframes flash{0%{margin-left:100px}to{margin-left:-5px}}.header-bar li span{display:none;margin-left:5px;position:absolute;top:25px}.header-bar li:hover img.icon{transform:scale(1.1);transition-duration:.5s;margin-left:5px}.header-bar li:hover a small{width:auto;height:17px;font-size:.7rem;transition-duration:.5s}.header-bar li:hover>span{display:inline;display:initial}.header-bar img.icon{transition-duration:.5s;margin:0 5px}.header-bar li a small{color:#f2f4f3;padding:4px;background-color:#c73a3a;position:absolute;right:0;width:auto;height:15px;font-size:.6rem;border-radius:50px;align-items:center;display:flex;justify-content:center;top:15px;transition-duration:.5s}.header-bar #searchBar{border-radius:15px;padding:6px;width:400px;border:none;z-index:10;position:relative;height:30px;background-color:#f2f4f3;box-shadow:0 0 8px}.header-bar #searchBar:focus{background-color:#f2f4f3;transition-duration:.3s}.header-bar .resultSearchBar{position:absolute;width:500px;background:#f2f4f3;top:15px;border-radius:15px;padding:25px 0;height:450px;overflow:auto;border:9px solid #f2f4f3}.header-bar .SearchResultItem{display:grid;grid-auto-flow:column;padding:5px 15px 5px 0;color:#3c4359}.header-bar a{color:#3c4359}.header-bar .SearchResultItem:hover{background-color:#e4e4e4;border-radius:8px}.header-bar .SearchResultItem button{float:right}.addToCart{border-radius:15px;border:none;padding:5px 15px;background-color:#68f375;transition-duration:.5s}.addToCart:hover{box-shadow:0 0 5px #000;transition-duration:.5s;cursor:pointer}.header-bar #containerSearch{width:500px;display:flex;justify-content:center;position:relative}.login-form{display:flex;flex-wrap:wrap;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vw;margin:auto;padding:35px;box-sizing:initial;border-radius:65px 25px}.login-form h2{margin-bottom:40px;color:#f2f4f3}.form-error{position:absolute;right:20px;top:55%;transform:translateY(-50%);color:#fa7575}.form-input{width:inherit;position:relative;height:40px;margin-bottom:20px}.login-form input{width:inherit;border:none;padding:0 15px;font-size:1rem;border-radius:50px;height:inherit}.login-form button{width:100px;padding:5px;border-radius:50px;border:none}.login-form .form-bottom{display:flex;justify-content:space-around;width:100%;align-items:center;margin-top:20px}.cart h2{text-align:center;padding:30px 0;color:#3c4359;letter-spacing:3px}.cart{display:flex;justify-content:space-around}.Cart-Left .items{display:grid}.Cart-Left{width:59%}.Cart-Right{width:25%}.Cart-Left,.Cart-Right{background:#f2f4f3;border-radius:10px;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding-bottom:10px}.Cart-Right h3{width:80%;margin:20px auto}.Product{display:flex;padding:10px;position:relative;align-items:center}.Product:hover{background-color:#eee}.cart .Content{margin-left:10px}.payment{width:80%;height:40px;display:block;margin:auto;border-radius:5px;border:none;background-color:#68f375;transition-duration:.3s}.payment:hover{box-shadow:0 0 5px #000;transition-duration:.3s}#credit-cards{align-items:center;display:flex;justify-content:space-around;flex-wrap:wrap}.credit-card{margin:5px 10px}.cart-error{background-color:#f2f4f3;width:70vw;height:70vh;align-items:center;display:flex;justify-content:center;flex-direction:column;border-radius:15px;margin:auto;line-height:3rem}.cart .cart-error button{padding:5px 20px;border-radius:15px;border:none;background:#6bed78}.cart .itemsQuantity{padding:5px;margin:auto;background-color:#cecece;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:50px;display:flex;align-items:center}.cart .itemsQuantity>p{width:30px;text-align:center}.cart div .add,.cart div .minus{padding:5px;background-color:#b4b4b4;border-radius:50px;transition-duration:.5s}.cart div .add:hover,.cart div .minus:hover{box-shadow:0 0 2px;transition-duration:.5s}#categoryList,#shopList{display:flex;flex-wrap:wrap;justify-content:space-around}#categoryList>div,#shopList>div{margin:30px 10px}#categoryList>div img,#shopList div img{border-radius:15px;display:flex;margin:auto}#categoryList>div h4,#shopList>div h4{text-align:center;color:#f2f4f3}.loading{padding:10px;font-weight:900;font-size:3em;transform:translate3d(-50%,-50%,0)}.content-planet-sdauhsdayudash{color:#fff;transform:translate(16px,-25px);border-bottom:1px solid #fff;width:200px;text-align:right;padding-bottom:5px}.categories{color:#f2f4f3}.about{position:fixed;z-index:10;bottom:10px;right:10px;justify-content:flex-end;align-items:flex-end;transition:all .2s ease}.about,.about .bg_links{width:40px;height:40px;display:flex}.about .bg_links{justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute}.about .logo{width:40px;height:40px;z-index:9;background-image:url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);background-size:50%;background-repeat:no-repeat;background-position:10px 7px;opacity:.9;transition:all 1s ease .2s;bottom:0;right:0}.about .social{opacity:0;right:0;bottom:0}.about .social .icon{width:100%;height:100%;background-size:20px;background-repeat:no-repeat;background-position:50%;background-color:initial;display:flex;transition:all .2s ease,background-color .4s ease;opacity:0;border-radius:100%}.about .social.portfolio{transition:all .8s ease}.about .social.portfolio .icon{background-image:url(https://rafaelalucas91.github.io/assets/codepen/link.svg)}.about .social.dribbble{transition:all .3s ease}.about .social.dribbble .icon{background-image:url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg)}.about .social.linkedin{transition:all .8s ease}.about .social.linkedin .icon{background-image:url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg)}.about:hover{width:105px;height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65)}.about:hover .logo{opacity:1;transition:all .6s ease}.about:hover .social{opacity:1}.about:hover .social .icon{opacity:.9}.about:hover .social:hover{background-size:28px}.about:hover .social:hover .icon{background-size:65%;opacity:1}.about:hover .social.portfolio{right:0;bottom:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) 0s}.about:hover .social.portfolio .icon:hover{background-color:#698fb7}.about:hover .social.dribbble{bottom:45%;right:45%;transition:all .3s cubic-bezier(.64,.01,.07,1.65) .15s}.about:hover .social.dribbble .icon:hover{background-color:#ea4c89}.about:hover .social.linkedin{bottom:0;right:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) .25s}.about:hover .social.linkedin .icon:hover{background-color:#0077b5}.content{width:300px;height:300px;position:relative;justify-content:center}.content,.content .planet{display:flex;align-items:center}.content .planet{width:65%;height:65%;background-color:#546c8c;border-radius:100%;position:absolute;transform-origin:center center;box-shadow:inset 2px -10px 0 rgba(0,0,0,.1);-webkit-animation:planet 5s ease infinite alternate;animation:planet 5s ease infinite alternate}@-webkit-keyframes planet{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes planet{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.content .planet .ring{position:absolute;width:300px;height:300px;border-radius:100%;background-color:#bacbd9;display:flex;align-items:center;justify-content:center;transform-origin:33% center;box-shadow:2px -10px 0 rgba(0,0,0,.1),inset -5px -10px 0 rgba(0,0,0,.1);-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes ring{0%{transform:rotateX(110deg) rotate(0deg) translate(-50px,5px)}to{transform:rotateX(110deg) rotate(1turn) translate(-50px,5px)}}@keyframes ring{0%{transform:rotateX(110deg) rotate(0deg) translate(-50px,5px)}to{transform:rotateX(110deg) rotate(1turn) translate(-50px,5px)}}.content .planet .ring:before{width:10px;height:30px;z-index:2;left:-5px;box-shadow:inset -3px 3px 0 rgba(0,0,0,.2)}.content .planet .ring:after,.content .planet .ring:before{content:"";position:absolute;border-radius:100%;background-color:#7ea1bf}.content .planet .ring:after{width:240px;height:240px;box-shadow:inset 2px -10px 0 rgba(0,0,0,.1)}.content .planet .cover-ring{position:absolute;width:100%;height:50%;border-bottom-left-radius:80%;border-bottom-right-radius:80%;border-top-left-radius:100px;border-top-right-radius:100px;transform:translateY(-17px);background-color:#546c8c;z-index:2;box-shadow:inset 0 -2px 0 rgba(0,0,0,.1)}.content .planet .spots{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.content .planet .spots span{width:30px;height:30px;background-color:#3c4359;position:absolute;border-radius:100%;box-shadow:inset -2px 3px 0 rgba(0,0,0,.3);-webkit-animation:dots 5s ease infinite alternate;animation:dots 5s ease infinite alternate}@-webkit-keyframes dots{0%{box-shadow:inset -3px 3px 0 rgba(0,0,0,.3)}to{box-shadow:inset 3px 3px 0 rgba(0,0,0,.3)}}@keyframes dots{0%{box-shadow:inset -3px 3px 0 rgba(0,0,0,.3)}to{box-shadow:inset 3px 3px 0 rgba(0,0,0,.3)}}.content .planet .spots span:first-child{top:20px;right:50px}.content .planet .spots span:nth-child(2){top:40px;left:50px;width:15px;height:15px}.content .planet .spots span:nth-child(3){top:80px;left:20px;width:25px;height:25px}.content .planet .spots span:nth-child(4){top:80px;left:90px;width:40px;height:40px}.content .planet .spots span:nth-child(5){top:160px;left:70px;width:15px;height:15px}.content .planet .spots span:nth-child(6){top:165px;left:125px;width:10px;height:10px}.content .planet .spots span:nth-child(7){top:90px;left:150px;width:15px;height:15px}.content p{color:#bacbd9;font-size:14px;z-index:2;position:absolute;bottom:-20px;font-family:"Roboto Mono",monospace;-webkit-animation:text 4s ease infinite;animation:text 4s ease infinite;width:100px;text-align:center}@-webkit-keyframes text{0%{transform:translateX(-30px);letter-spacing:0;color:#bacbd9}25%{letter-spacing:3px;color:#7ea1bf}50%{transform:translateX(30px);letter-spacing:0;color:#bacbd9}75%{letter-spacing:3px;color:#7ea1bf}to{transform:translateX(-30px);letter-spacing:0;color:#bacbd9}}@keyframes text{0%{transform:translateX(-30px);letter-spacing:0;color:#bacbd9}25%{letter-spacing:3px;color:#7ea1bf}50%{transform:translateX(30px);letter-spacing:0;color:#bacbd9}75%{letter-spacing:3px;color:#7ea1bf}to{transform:translateX(-30px);letter-spacing:0;color:#bacbd9}}
/*# sourceMappingURL=main.17b8bafe.chunk.css.map */