*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:100%;min-height:100%;scroll-behavior:smooth;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;min-height:inherit;overflow-x:hidden;width:inherit}img{display:block;height:auto;max-width:100%}ul{list-style:none}li{list-style-type:none}a{text-decoration:none}h1{font-size:3rem}@media screen and (min-width:48em){h1{font-size:3.5rem}}h2{font-size:2.5rem}@media screen and (min-width:48em){h2{font-size:2.8rem}}h3{font-size:1.7rem}@media screen and (min-width:48em){h3{font-size:2rem}}button{border:none;cursor:pointer;outline:none}.section{padding:5rem 2rem}@media screen and (min-width:48em){.section{padding:7rem 0}}.section-title{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(170deg,#fcc923 27.16%,#2b02fc 97.86%);-webkit-background-clip:text;background-clip:text;letter-spacing:.1rem;margin-bottom:2rem;position:relative;text-align:center;text-transform:capitalize}.section-title:after{background-color:#333;content:"";height:.18rem;left:0;margin:auto;position:absolute;right:0;top:-1rem;width:3.5rem}@media screen and (min-width:48em){.section-title:after{width:4.75rem}}.grid{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:100%;margin:0 auto;max-width:64rem;width:calc(100% - 2rem)}.header{background-color:#ffefba;left:0;position:fixed;top:0;width:100%;z-index:100}.header.scroll-header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header .nav{align-items:center;display:flex;height:3.5rem;justify-content:space-between}@media screen and (min-width:48em){.header .nav{height:4rem}}.header .nav__toggle{cursor:pointer}@media screen and (min-width:48em){.header .nav__toggle{display:none}}.header .nav__logo{align-items:center;color:#333;-webkit-column-gap:.3rem;column-gap:.3rem;display:flex;font-weight:900;text-transform:uppercase}@media screen and (max-width:47.9em){.header .nav__menu{background-color:#ffefba;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);height:100vh;left:-100%;padding:2rem;position:fixed;top:3rem;transition:all .5s ease-in-out;width:70%}}@media screen and (min-width:48em){.header .nav__menu{margin-left:auto}.header .nav__menu .nav__list{display:flex}}.header .nav__menu .nav__item{margin-bottom:2.5rem}@media screen and (min-width:48em){.header .nav__menu .nav__item{margin-bottom:0;margin-left:3rem}}.header .nav__menu .nav__item .nav__link{color:#333;font-size:1.5rem;font-weight:700;text-transform:capitalize}.header .nav__menu .nav__close{cursor:pointer;position:absolute;right:1.25rem;top:1.5rem}@media screen and (min-width:48em){.header .nav__menu .nav__close{display:none}}.header .nav__logo img,.header .nav__shop img{cursor:pointer}@media screen and (min-width:62em){.header .nav__logo img,.header .nav__shop img{height:40px;width:40px}}.header .show{left:0}.scroll-header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.home{letter-spacing:1px;overflow:hidden;padding:1rem 0}.home__container{height:calc(100vh - 3rem);padding:2rem 0}@media screen and (min-width:48em){.home__container{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(2,1fr);height:100vh;justify-content:space-between;padding:0}}.home__container .home__boot{align-items:center;display:flex;justify-content:center;position:relative}@media screen and (min-width:48em){.home__container .home__boot{order:1;row-gap:0}}.home__container .home__boot .home__overlay{background-color:#ffefba;border-radius:50%;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);height:14rem;width:14rem}@media screen and (min-width:48em){.home__container .home__boot .home__overlay{height:25rem;width:25rem}}.home__container .home__boot .home__img{bottom:5rem;-webkit-filter:drop-shadow(rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px);filter:drop-shadow(rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px);max-width:none;position:absolute;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:13rem}@media screen and (min-width:48em){.home__container .home__boot .home__img{right:4rem;width:27rem}}.home__container .home__data{color:#333;text-transform:capitalize}.home__container .home__data h1{font-weight:900}.home__container .home__data h1:nth-child(3){-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(170deg,#fac002 27.16%,#2d03fd 97.86%);-webkit-background-clip:text;background-clip:text;line-height:150%}.home__container .home__data .home__new{display:block;font-weight:700}.home__container .home__data .home__description{font-weight:700;margin-bottom:3rem}.button{background-color:#b3ffab;border-radius:.5rem;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);padding:1rem 2rem;transition:.3s}.button a{color:#333;font-weight:900;letter-spacing:1px;text-transform:uppercase}.button:hover{-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}.button-light{align-items:center;background-color:#b3ffab;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);color:#333;cursor:pointer;display:inline-flex;font-weight:700;padding:.5rem .7rem}.button-light:hover img{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}.button-light img{margin-left:.5rem;transition:.3s}.featured{background-color:#ffefba}.featured__container{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));row-gap:2rem}.featured__container .boot{align-items:center;background-color:#f2f2f2;border-radius:.5rem;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:.3s}.featured__container .boot:hover{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.featured__container .boot__sale{background-color:#333;border-radius:.25rem;color:#fff;font-size:1.5rem;left:.5rem;letter-spacing:.1rem;padding:.25rem .5rem;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.featured__container .boot__img{-webkit-filter:drop-shadow(0 12px 8px rgba(0,0,0,.2));filter:drop-shadow(0 12px 8px rgba(0,0,0,.2));margin-bottom:3rem;margin-top:1.5rem;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:10rem}.featured__container .boot__name,.featured__container .boot__price{font-size:1rem;font-weight:500}.featured__container .boot__name{margin-bottom:.5rem}.featured__container .boot__price{margin-bottom:1rem}
/*# sourceMappingURL=main.2bc323a0.css.map*/