@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);*{font-family:"Poppins",sans-serif;margin:0;padding:0}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#09161d}.productCard{position:relative;width:320px;height:420px;margin:20px;background:#122936;border-radius:20px;overflow:hidden}.productCard:before{content:"";position:absolute;top:-50%;width:100%;height:100%;background:var(--clr);transform:skewY(345deg);transition:.5s}.productCard:hover:before{top:-70%;transform:skewY(390deg)}.productCard:after{content:"Phillips";position:absolute;bottom:0;left:0;font-weight:600;font-size:8em;color:rgba(0,0,0,.1)}.productCard .imgBx{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding-top:20px;z-index:1}.productCard .imgBx img{max-width:65%;transition:.5s}.productCard:hover .imgBx img{max-width:50%}.productCard .contentBx{position:relative;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.productCard .contentBx h3{font-size:18px;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:1px}.productCard .contentBx .price{font-size:24px;color:#fff;font-weight:500;letter-spacing:1px}.productCard .contentBx .buy{position:relative;top:200px;opacity:0;padding:10px 30px;margin-top:15px;color:#fff;text-decoration:none;background:var(--clr);border-radius:30px;text-transform:uppercase;letter-spacing:1px;transition:.5s}.productCard:hover .contentBx .buy{top:0;opacity:1}.product{display:flex;justify-content:space-between;flex-wrap:wrap}
/*# sourceMappingURL=main.a30d78c7.chunk.css.map */