*{margin:0;padding:0}#root{--footer-padding:5px;--grid-column:1fr 1fr auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}h1{font-family:Source Sans\ 3,sans-serif;font-weight:100}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:transparent;border-bottom:1px solid #a01515;justify-content:center;position:absolute;width:100%;z-index:9999}.navbar,.navbar ul,a,li{align-items:center;display:flex}.navbar ul,a,li{font-family:Quantico,sans-serif;font-weight:300;height:4rem;justify-content:flex-start;list-style:none;text-decoration:none}ul{width:100%}.navbar a{color:#fff;display:flex;justify-content:center;padding:0 3vw}.navbar a:after{border-bottom:3px solid #fff;bottom:0;content:"";position:absolute;width:0}.navbar a:hover:after{transition:all .5s ease;width:90px}.logo,.navbar .logo{color:#fff;font-family:Pushster,cursive;font-size:30px;padding:1rem;position:absolute;text-shadow:2px 2px 0 #000}@-webkit-keyframes heroMoveDown{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes heroMoveDown{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.hero-container{align-items:center;-webkit-animation:heroMoveDown 1.5s ease;animation:heroMoveDown 1.5s ease;background:radial-gradient(circle,#fb1459 -50%,#c11515 100%);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;transition:all 1s ease;width:100%}@-webkit-keyframes hero-image-animation{0%{opacity:1}50%{opacity:0}to{opacity:1;-webkit-transform:scaleX(-1) rotate(25deg);transform:scaleX(-1) rotate(25deg)}}@keyframes hero-image-animation{0%{opacity:1}50%{opacity:0}to{opacity:1;-webkit-transform:scaleX(-1) rotate(25deg);transform:scaleX(-1) rotate(25deg)}}.hero-container h1{border:none;color:#fff;text-align:center;width:40vw}@-webkit-keyframes arrowDown{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes arrowDown{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.hero-container .arrow-down{animation:arrowDown 1s infinite alternate-reverse;background:none;border:none;cursor:pointer;outline:none;position:absolute;top:85%}.hero-container .arrow-down>*{color:#fff;height:2rem;width:2rem}.hero-container img{-webkit-animation:hero-image-animation 1s ease-in-out 2s forwards;animation:hero-image-animation 1s ease-in-out 2s forwards;float:right;height:calc(100% - 4rem);object-fit:contain;z-index:2}@-webkit-keyframes hero-shoe-details{0%{left:-10%;opacity:0}to{left:-5%;opacity:1}}@keyframes hero-shoe-details{0%{left:-10%;opacity:0}to{left:-5%;opacity:1}}.hero-container h2{-webkit-animation:hero-shoe-details 1s ease 3s forwards;animation:hero-shoe-details 1s ease 3s forwards;color:#fff;opacity:0;position:relative;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);width:30vw;z-index:1}.categories{height:calc(100vh - 2rem);justify-content:space-around;padding:1rem}.categories,.categories h1{align-items:center;display:flex;flex-direction:column}.categories h1{border-bottom:1px solid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end;width:20%}.category-list{align-items:center;display:flex;height:80%;justify-content:center}.category-card{cursor:pointer;display:flex;height:100%;margin:1rem;position:relative;width:30%}.category-card a{display:flex;height:100%;list-style:none;text-decoration:none;width:100%}.category-card a img{height:100%;object-fit:cover;width:100%}.category-card a h2{background:rgba(0,0,0,.5);color:#fff;display:none;font-family:Source Sans\ 3,sans-serif;font-weight:400;height:100%;position:absolute;transition:all 1s ease;width:100%}.category-card a:hover>h2,.products{align-items:center;display:flex;justify-content:center}.products{flex-direction:column;padding:2rem 0;width:100%}.products h1{align-items:center;border-bottom:1px solid;display:flex;flex-direction:column;justify-content:flex-end;width:20%}.products-container{display:grid;grid-template-columns:var(--grid-column);min-height:100vh}.product-card{align-items:center;background-color:#fff;border:1px solid hsla(0,0%,66%,.664);cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:space-between;margin:2rem;overflow:hidden;position:relative;width:350px}.product-card:hover{border:1px solid #000}@-webkit-keyframes product-image-jump{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}45%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px)}50%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}65%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}}@keyframes product-image-jump{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}45%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px)}50%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}65%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}}.product-card img{object-fit:cover;width:80%;z-index:2}.product-card:hover>img{-webkit-animation:product-image-jump 1s cubic-bezier(.54,-.05,.02,1.2);animation:product-image-jump 1s cubic-bezier(.54,-.05,.02,1.2)}.product-card button{background:#ddd;border-style:none;color:#000;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:15px;font-weight:100;outline:none;padding:1rem;transition:background-color .25s ease;width:100%}.product-card:hover>button{background:crimson;color:#fff}.product-card p{font-family:Electrolize,sans-serif;font-size:14px}.gender,.price,.product-card .name{bottom:0;margin-left:1rem;margin-right:auto;position:relative;transition:all .15s ease}.product-card .name{margin-top:auto}.product-card .gender{margin-bottom:auto;opacity:.5}.product-card .price{background-color:#000;border-radius:4px;bottom:1rem;color:#fff;padding:1px .5rem}.product-card:hover>.gender,.product-card:hover>.name{bottom:.25rem}.product-card:hover>.price{bottom:1.5rem}.footer{align-items:center;background:#222;color:#fff;display:flex;height:400px;justify-content:center;position:relative;width:100%}.footer-container,.footer-links{display:flex;padding:1rem}.footer-links{align-items:flex-start;flex-direction:column;justify-content:flex-start;width:50%}.footer-links h3{color:#b1b0b0;font-family:Quantico,sans-serif;font-weight:100;padding:var(--footer-padding)}.footer-links ul li{align-items:flex-start;display:flex;flex-direction:column}.footer-links ul li a{list-style:none;padding:var(--footer-padding);text-decoration:none}.footer-links a{color:#fff;font-family:Quantico,sans-serif;font-weight:100}.footer-links a:hover{color:crimson}.website-details{padding:1rem;width:50%}.website-details .logo{position:unset}.website-details .logo,.website-details p{padding:var(--footer-padding)}@media screen and (max-width:480px){*{--footer-padding:2px;--grid-column:1fr 1fr}}.social-icons{display:flex;margin-left:-1rem;padding:var(--footer-padding)}.social-icons a>*{color:crimson;height:2rem;padding:1rem;transition:all .5s ease;width:2rem}.social-icons a:hover>*{color:#fff}.copyright-section{align-items:center;background:#131313;display:flex;height:40px;justify-content:center}.copyright-section p{color:#fff;font-family:Vollkorn,sans-serif}
/*# sourceMappingURL=main.29b5cfd4.css.map*/