body{margin:0;font-family:Lato,sans-serif}h1{width:90%;margin:auto;padding:50px 0;letter-spacing:2px;font-weight:700;text-transform:capitalize}#containerClothing,#containerAccessories{display:grid;grid-gap:70px 20px;grid-template-columns:repeat(5,1fr);width:90%;margin:auto;padding-bottom:40px;min-height:450px}#box{width:100%;background-color:#fff;align-content:center;border-radius:10px;box-shadow:1px 2px 6px 2px #dbdbdb}#box:hover{box-shadow:1px 6px 3px #b9b9b9}#containerClothing img,#containerAccessories img{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}#details{padding:0 15px;text-transform:capitalize}#box a{text-decoration:none;color:#1d1d1d}h3{font-size:16px}h4{font-weight:100}h2{color:#035e5e}@media(max-width:1070px){h1{font-size:25px}#containerClothing,#containerAccessories{width:95%;grid-gap:10px}}@media(max-width:850px){h1{width:80%}#containerClothing,#containerAccessories{display:grid;grid-gap:70px 20px;grid-template-columns:repeat(3,1fr);width:80%}}@media(max-width:650px){h1{font-size:20px}h1,#containerClothing,#containerAccessories{width:90%}}@media(max-width:600px){h1,#containerClothing,#containerAccessories{width:70%}}@media(max-width:505px){h1{width:80%}#containerClothing,#containerAccessories{width:80%;grid-template-columns:repeat(2,1fr)}}#badge{position:absolute;background-color:#ff1e1e;color:#fff;border-radius:50%;padding:5px 8px;font-size:14px;top:10px;right:158px}#container{background-color:#fff;margin:auto;text-align:center;width:100%;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1.5fr 5fr 1fr;font-family:Lato,sans-serif;z-index:1;justify-content:space-between;align-items:center;padding:15px 40px;box-sizing:border-box;position:fixed;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}#shopName{font-size:40px;font-family:Lato,sans-serif}#shopName a{text-decoration:none;color:#1d1d1d}#shopName>b{font-weight:900;font:black}#collection{font-weight:700;display:grid;grid-template-columns:1fr 1fr}#collection a{text-decoration:none;color:#1d1d1d}.search{padding:14px;color:#1d1d1d;min-width:25px;text-align:center;position:absolute}.addedToCart{font-size:1.5em;margin-right:25px}#user{display:flex;align-items:center}.userIcon{font-size:45px}#input{width:35em;height:3em;padding:2px 50px;background-color:#f1f1f1;border:none;border-radius:5px}#input::placeholder{font-weight:700}#input:focus{outline:none}#user a{color:#1d1d1d}@media(max-width:1300px){#collection{font-size:13px}#input{width:25em}}@media(max-width:1212px){#collection{font-size:13px}#input{width:20em}.addedToCart{font-size:1.5em;margin:10px 20px}}@media(max-width:1090px){#container{display:grid;grid-template-columns:1fr 2fr .5fr}#search{display:none}}@media(max-width:750px){#shopName{font-size:28px}#collection{font-size:12px}.userIcon{font-size:35px}.addedToCart{font-size:1.2em;margin:10px 20px}}@media(max-width:650px){#shopName{font-size:24px}#collection{font-size:10px}.userIcon{font-size:30px}}@media(max-width:550px){#container{padding:20px 25px}}@media(max-width:1480px){#badge{right:150px}}@media(max-width:1426px){#badge{right:142px}}@media(max-width:1360px){#badge{right:136px}}@media(max-width:1320px){#badge{right:129px}}@media(max-width:1259px){#badge{right:119px}}@media(max-width:1212px){#badge{right:96px}}@media(max-width:1155px){#badge{right:87px}}@media(max-width:1090px){#badge{right:119px}}@media(max-width:1030px){#badge{right:109px}}@media(max-width:970px){#badge{right:100px}}@media(max-width:910px){#badge{right:94px}}@media(max-width:850px){#badge{right:87px}}@media(max-width:750px){#badge{right:87px;padding:3px 6px;font-size:12px;top:12px}}@media(max-width:650px){#badge{right:78px}}@media(max-width:550px){#badge{right:62px;top:18px}}#containerFooter{width:100%;background-color:#1d1d1d;color:#fff;letter-spacing:1px;display:grid;grid-template-columns:repeat(4,1fr);text-transform:uppercase;font-size:15px;padding:15px 300px;box-sizing:border-box}#containerFooter h3:hover,#containerFooter p:hover{color:#789;cursor:pointer}.webFooter{padding-top:30px;font-size:12px}#credit{width:100%;margin:auto;padding:20px 0;text-align:center;background-color:#1d1d1d;color:#fff;font-size:11px;letter-spacing:1px}#credit a{color:#fff;text-decoration:none;position:relative}#credit a:after{content:"";background:#fff;mix-blend-mode:exclusion;width:calc(100% + 18px);height:0;position:absolute;bottom:-4px;left:-10px;transition:all .3s cubic-bezier(.445,.05,.55,.95)}#credit a:hover:after{height:calc(100% + 8px)}@media(max-width:1350px){#containerFooter{padding:15px 200px}}@media(max-width:1166px){#containerFooter{padding:15px 100px}}@media(max-width:950px){#containerFooter{padding:15px 50px}}@media(max-width:850px){#containerFooter{font-size:13px}#webFooter{font-size:10px}}@media(max-width:750px){#containerFooter{display:grid;grid-template-columns:1fr 1fr;padding:15px 100px}#webFooter{padding:15px 20px}}@media(max-width:540px){#containerFooter{padding:0 25px}}#containerSlider{margin:auto;width:90%;text-align:center;padding-top:100px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,100%);overflow-x:scroll;scroll-snap-type:x mandatory;position:relative}.slidingImage{scroll-snap-align:start}#containerSlider img{width:100%;height:auto;text-align:center;align-content:center}@media(max-width:732px){#containerSlider img{height:12em}}@media(max-width:500px){#containerSlider img{height:10em}}