html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit;padding:0;margin:0;font-size:inherit;font-weight:inherit}a,a:active,a:hover{text-decoration:none;color:unset}ul{list-style:none}img{width:100%}span{display:inline-block}body{background-color:var(--primary-cream);font-size:.875rem;font-weight:var(--fw-500);font-family:var(--primary-ff);line-height:1.5;display:grid;place-items:center;margin-top:5rem}:root{--primary-dark-cyan: hsl(158, 36%, 37%);--primary-cream: hsl(30, 38%, 92%);--neutral-dark-blue: hsl(212, 21%, 14%);--neutral-grayish-dark-blue: hsl(228, 12%, 48%);--neutral-white: hsl(0, 0%, 100%);--fw-700: 700;--fw-500:500;--primary-ff: "Montserrat", sans-serif;--secondary-ff: "Fraunces", serif}.product{margin:1.75rem 1rem;background-color:var(--neutral-white);border-radius:10px;max-width:600px}.product picture img{border-radius:10px 10px 0 0;overflow:hidden;height:100%}.product-details{padding:1.5rem}.product-details>*:not(:last-child){margin-bottom:1rem}.product-details span{text-transform:uppercase;color:var(--neutral-grayish-dark-blue);letter-spacing:.125rem}.product-details-title{color:var(--neutral-dark-blue)}.product-details-title,.product-details-price>li:first-child{font-weight:var(--fw-700);font-size:1.5rem;font-family:var(--secondary-ff);line-height:1}.product-details-desc{color:var(--neutral-grayish-dark-blue);font-size:.875rem}.product-details-price{display:flex;gap:1rem}.product-details-price>:first-child{color:var(--primary-dark-cyan)}.product-details-price :last-child{color:var(--neutral-grayish-dark-blue)}.product-details button[type=button]{width:100%;background-color:var(--primary-dark-cyan);color:var(--neutral-white);border:unset;outline:unset;padding-block:.75rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-weight:var(--fw-700);border-radius:10px;cursor:pointer}.product-details button[type=button] img{width:unset}.product-details button[type=button]:hover{background-color:#2c5e4b}@media(min-width: 900px){.product{display:flex;justify-content:center}.product picture img{border-radius:10px 0px 0px 10px}.product>*{flex-basis:50%}.product-details{display:flex;flex-flow:column wrap;justify-content:space-evenly}.product-details>*{margin:0}.product-details-title,.product-details-price>li:first-child{font-size:2rem;max-width:95%}}/*# sourceMappingURL=main.css.map */