@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--defaultWidth:200px;--defaultColor:#32083e}body{background:#fff;overflow-x:hidden;position:relative}.carosal{grid-gap:1%;background-color:var(--defaultColor);display:grid;gap:1%;grid-template-areas:"a b d" "a c d";grid-template-columns:1fr 6fr 1fr;grid-template-rows:70% 30%;height:40vh;width:100vw;& .slider{display:none}& .activeSlider{color:#f5f5f5;display:flex;grid-area:b;& .imgContainer{height:100%;margin-top:5%;width:100%;z-index:1;& img{height:12rem;width:13rem}}& .sliderContent{align-items:right;display:flex;flex-direction:column;gap:10%;justify-content:right;left:33%;margin-top:5%;position:absolute;text-align:right;top:10%;width:50%;z-index:2;& .buttons{align-items:right;display:flex;gap:10%;justify-content:right;margin-top:5%;& button{background:#0000;border:1px solid #f5f5f5;border-radius:1em;color:#f5f5f5;height:2rem;text-decoration:none;transition:font-size .5s ease,background-color .5s ease;width:5rem}& button:hover{background-color:#6f876ff2;font-size:.8rem}& a{color:#f5f5f5;text-decoration:none}}& .name{font-size:2rem}& .category,& .description{font-size:.7rem}}}}.arrow{align-items:center;border:1px solid #f5f5f5;border-radius:50%;display:flex;height:13%;justify-content:center;transition:background-color .5s ease;width:80%;& p{font-size:1.5rem;margin-bottom:15%;opacity:.7}& p:hover{font-size:1.6rem}}.arrow:hover{background-color:#6f876ff2}.leftArrow{grid-area:a}.leftArrow,.rightArrow{align-items:center;color:#f5f5f5;display:flex;justify-content:center}.rightArrow{grid-area:d}.indicator{grid-area:c;& .position{color:#f5f5f5;font-size:2.5rem;font-weight:700}& .dots{display:flex;gap:3%;& .dot{background-color:#f5f5f5;border-radius:8px;cursor:pointer;height:5px;width:40px}& .active{background-color:#ff0}}}@media (min-width:768px){.carosal{& .activeSlider{& .imgContainer{margin-left:5%;width:80%;& img{height:18rem;width:18rem}}& .sliderContent{& .buttons{& button{border-radius:2em;font-size:1.3rem;height:3rem;width:7rem}& button:hover{font-size:1.2rem}}& .name{font-size:3rem}& .category{font-size:1.3rem}& .description{font-size:1rem}}}}.arrow{height:10%;width:40%;& p{font-size:1.6rem}& p:hover{font-size:1.8rem}}.indicator{grid-area:c;& .position{font-size:4rem;font-weight:700}& .dots{gap:2%;& .dot{height:7px;width:60px}}}}@media (min-width:1024px){.carosal{height:auto;& .activeSlider{& .imgContainer{margin-left:15%;margin-top:0;& img{height:22rem;width:27rem}}& .sliderContent{left:25%;top:5%;& .name{font-size:4rem}}}}.arrow{height:2rem;width:2rem}}header{align-items:center;background-color:var(--defaultColor);display:flex;height:12vh;justify-content:center;width:100vw;& .logo{flex-grow:1;margin:5%;& img{height:50%;margin:5%;width:50%}}& ul{align-items:center;color:#f5f5f5;display:flex;gap:10%;justify-content:center;margin:3%;width:40%;& li{transition:font-size .3s ease,text-shadow .3s ease}}& li:hover{font-size:1.1rem;text-shadow:0 0 5px #f5f5f5}}@media (min-width:768px){header{& .logo{padding:3% 2%;& img{width:40%}}& ul{font-size:1.7rem}& li:hover{font-size:1.8rem}}}@media (min-width:1024px){header{& .logo{padding:3% 0;& img{height:10%;width:10%}}& ul{font-size:1.1rem}& li:hover{font-size:1.2rem}}}.shoeSection{align-items:center;display:flex;gap:2%;height:auto;justify-content:center;width:100vw;& .shoeImage{align-items:center;display:flex;height:100%;justify-content:center;width:50%;& img{height:13rem;padding:1.5rem;width:15rem}}& .content{height:100%;padding:.5rem;width:50%;& .shoeCategory{color:#00000087}& .shoeName{font-size:2rem;font-weight:500}& .shoeDescription{font-size:.8rem}& .shoePrice{font-size:1.3rem;font-weight:500}& button{background:none;border:1px solid rgba(0,0,0,.694);border-radius:16px;font-size:1rem;height:2rem;margin:2%;transition:font-size .3s ease,background-color .3s ease,color .3s ease,border .3s ease;width:6rem}& button:hover{background:#ed1818;border:1px solid hsla(0,12%,97%,.694);color:#f5f5f5;font-size:.9rem}}}@media (min-width:768px){.shoeSection{& .shoeImage{& img{height:25rem;width:30rem}}& .content{padding:1rem;& .shoeCategory{font-size:1.3rem}& .shoeName{font-size:3rem;font-weight:640}& .shoeDescription{font-size:1.2rem}& .shoePrice{font-size:2rem;font-weight:600}& button{border-radius:24px;font-size:1.3rem;height:3rem;width:8rem}}}}@media (min-width:768px){.shoeSection{& .content{& .shoeCategory{font-size:1.1rem}& .shoeName{font-size:2.5rem}& .shoeDescription,& button{font-size:1rem}& button{height:2rem;margin-left:0;width:6rem}}}}ul{list-style-type:none}li{transition:font-size .3s ease,text-shadow .3s ease}li:hover{text-shadow:0 0 5px #f5f5f5}a{text-decoration:none}a,footer{color:#f5f5f5}footer{align-content:center;background-color:var(--defaultColor);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:auto;justify-items:center;width:100vw;& img{height:3rem;margin:10% 0 0 10%;width:6rem}& .socials{font-size:1.2rem;margin-bottom:5%;margin-top:10%;text-align:center;& ul{align-items:center;display:flex;gap:10%;justify-content:center;width:100%;&li{height:2rem;width:2rem}& svg{height:1.5rem;transition:height .3s ease,width .3s ease;width:1.5rem}& svg:hover{height:1.8rem;width:1.8rem}}}& .about,.products{font-size:1.2rem;text-align:center;& ul{font-size:1.1rem;text-align:center;width:100%;& li{font-size:1rem;margin:1%;width:100%}}}}@media (min-width:768px){footer{display:grid;grid-template-areas:"a b c" "d b c";grid-template-columns:1fr 1fr 1fr;& img{grid-area:a;height:4rem;width:7rem}& .socials{font-size:1.7rem;grid-area:d;& ul{gap:25%;height:2rem;width:8rem;&li{height:2rem;width:2rem}& svg{height:1.7rem;width:1.7rem}& svg:hover{height:2rem;width:2rem}}}& .about,.products{font-size:1.8rem;margin:10%;text-align:center;& ul{& li{font-size:1.6rem;margin:3%}& li:hover{font-size:1.7rem}}}& .about{grid-area:b}& .products{grid-area:c}}}@media (min-width:1024px){footer{& .socials{font-size:1.3rem}& .about,.products{font-size:1.2rem;& ul{& li{font-size:1.1rem}& li:hover{font-size:1.2rem}}}& .about{grid-area:b}& .products{grid-area:c}}}
/*# sourceMappingURL=main.074541bf.css.map*/