*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--black: hsl(212, 21%, 14%);--grey: hsl(228, 12%, 48%);--cream: hsl(30, 38%, 92%);--white: hsl(0, 0%, 100%);--green-500: hsl(158, 36%, 37%);--green-700: hsl(158, 42%, 18%)}body{background:var(--cream)}.container{display:flex;height:100vh;align-items:center;justify-content:center}.card{display:grid;grid-template-columns:1fr 1fr;max-width:50%;border-radius:1rem;background:var(--white)}@media(max-width: 43.74875em){.card{grid-template-rows:1 1;grid-template-columns:auto;max-width:80%}.card .main-img{content:url("../../images/image-product-mobile.jpg");width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-bottom-left-radius:0;border-top-left-radius:1rem;border-top-right-radius:1rem}.card p,.card .discount{font-size:1rem}}@media(max-width: 56.24875em){.card{max-width:70%}}.card .content{padding:1.5rem;font-family:"Montserrat",sans-serif}.card .tagline{letter-spacing:4px;font-size:.7rem;text-transform:uppercase;color:var(--grey)}.card img{border-bottom-left-radius:1rem;border-top-left-radius:1rem;height:100%}.card h1{font-family:"Fraunces",serif;color:var(--green-700)}.card p{font-size:.8rem;color:var(--grey);margin-top:1rem}.card .price{color:var(--green-500);font-size:1.8rem;font-weight:600;font-family:"Fraunces",serif;display:flex;align-items:center;gap:1rem;margin:1.2rem 0}.card .price .discount{color:var(--grey);font-family:"Montserrat",sans-serif;font-weight:400;text-decoration:line-through;font-size:.7rem}.button{width:100%;background:var(--green-500);padding:.7rem;border-radius:8px;color:var(--white);font-size:.8rem;font-weight:600;display:flex;justify-content:center;gap:.5rem;cursor:pointer}.button img{overflow:visible}.button:hover{background:var(--green-700)}/*# sourceMappingURL=style.css.map */