body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}.header{position:sticky;top:0;background-color:rgba(255,255,255,.808);width:100%;margin-bottom:50px;box-shadow:0 2px 7px #dbdbdb}.nav{top:0;width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 auto;padding:10px 0}.nav .logo img{height:30px}.search-and-cart{display:flex;align-items:center}.search{min-width:260px;position:relative}.search .searchicon img{height:20px;position:absolute;top:10px;left:30px}.search-and-cart input{padding:10px 40px;border-radius:20px;border:1px solid #b8b8b8;margin:0 20px;font-size:14px}.search-and-cart input:focus{outline:0}.cart{position:relative}.cart .numberitem{font-size:13px;position:absolute;background:red;color:#fff;padding:2px 8px;border-radius:20px;top:-10px;left:20px}.cart img{height:30px}.modal{position:absolute;background:rgba(0,0,0,.603);width:99vw;height:100vh;transform:translate(-200%,-50px);display:flex;justify-content:flex-end;transition:all .4s ease-in}.detail-cart{position:relative;background-color:#fff;width:500px}.detail-cart .delete{color:#fff;background-color:red;width:fit-content;padding:5px 15px}.detail-cart .cart{background-color:red;color:#fff;padding:10px 0;font-size:20px;margin-bottom:20px}.detail-cart .list-item{max-height:60%;overflow-y:scroll}.detail-cart .item{display:flex;padding:15px 0;margin:0 20px;border-bottom:1px solid #dadada}.detail-cart .item img{height:140px}.detail-cart .item .info{width:100%;padding:0 0 0 20px}.info .price-qty{display:flex;justify-content:space-between;align-items:center}.qty .change-qty{height:15px;width:15px;padding:5px 8px;margin:10px;background-color:silver;border-radius:5px;line-height:15px;text-align:center}.total{padding:30px}.totall{display:flex;justify-content:space-between;padding:5px 0}.totall p:nth-child(2){font-weight:700}.close-modal{position:absolute;padding:10px 20px;border:1px solid red;border-radius:5px;width:fit-content;color:red;bottom:30px;right:80px}.close-modal:hover{background-color:red;color:#fff}.promo{width:80%;min-height:70vh;display:flex;margin:0 auto;background-color:pink}.promo .left{width:30%;text-align:left;padding:30px;color:#005f77;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.left .title p:nth-child(1){font-size:50px;text-transform:uppercase;font-weight:700}.left .button{border:1px solid #005f77;padding:10px 20px;text-decoration:none;color:#005f77;margin-top:50px}.left .button:hover{color:#fff;background-color:#005f77}.right{width:70%;background:url(https://ae01.alicdn.com/kf/HTB1QGppl_JYBeNjy1zeq6yhzVXa0/Family-Clothing-Summer-Matching-Clothes-Mom-and-Daughter-Dress-Family-Matching-Outfits-Father-Son-Stripe-T.jpg) center no-repeat;background-size:cover}.product{width:80%;margin:0 auto;margin-top:50px;display:flex;flex-direction:column}.product .category{text-transform:capitalize;font-size:30px;font-weight:700;margin:30px}.product .items{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.items .item{width:250px;margin:20px;overflow:hidden}.items .item img{width:250px;height:300px;margin-bottom:10px}.item .color{display:flex}.item .color p{height:15px;width:15px;margin-right:10px}.active{border:3px solid red;width:fit-content;padding:0;margin:0}.item .name{font-size:14px;font-weight:700;text-align:left;padding:10px 0;text-transform:uppercase}.item .id-item{font-size:10px;text-align:left;text-transform:uppercase}.item .price{text-align:left;padding:10px 0;font-weight:700}.add-to-card{border:1px solid red;color:red;text-transform:uppercase;margin:20px 0;padding:5px;font-size:13px;cursor:pointer;transform:translateY(70px);transition:transform .3s}.add-to-card:active{background-color:red;color:#fff}.item:hover .add-to-card{transform:translateY(0);transition:transform .3s}.footer{width:100%;margin:0}.footer p{margin:0;font-size:20px;padding:20px;background-color:#005f77;color:#fff}*{margin:0;padding:0;box-sizing:border-box;user-select:none;scroll-behavior:smooth}html{overflow-x:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}