.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands{font-family:"Font Awesome 6 Brands"}/*!
 * Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-brands-400-c61287c2.woff2) format("woff2"),url(/assets/fa-brands-400-b1d1c1b0.ttf) format("truetype")}.fa-brands{font-weight:400}.fa-github:before{content:"\f09b"}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-v25-latin-500.eot);src:local(""),url(/fonts/montserrat-v25-latin-500.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat-v25-latin-500.woff2) format("woff2"),url(/fonts/montserrat-v25-latin-500.woff) format("woff"),url(/fonts/montserrat-v25-latin-500.ttf) format("truetype"),url(/fonts/montserrat-v25-latin-500.svg#Montserrat) format("svg")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-v25-latin-700.eot);src:local(""),url(/fonts/montserrat-v25-latin-700.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat-v25-latin-700.woff2) format("woff2"),url(/fonts/montserrat-v25-latin-700.woff) format("woff"),url(/fonts/montserrat-v25-latin-700.ttf) format("truetype"),url(/fonts/montserrat-v25-latin-700.svg#Montserrat) format("svg")}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-v26-latin-700.eot);src:local(""),url(/fonts/fraunces-v26-latin-700.eot?#iefix) format("embedded-opentype"),url(/fonts/fraunces-v26-latin-700.woff2) format("woff2"),url(/fonts/fraunces-v26-latin-700.woff) format("woff"),url(/fonts/fraunces-v26-latin-700.ttf) format("truetype"),url(/fonts/fraunces-v26-latin-700.svg#Fraunces) format("svg")}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}li,ol{list-style:none}a{text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--text-highlight: hsl(158, 36%, 37%);--text-color: hsl(228, 12%, 48%);--text-dark-color: hsl(212, 21%, 14%);--text-light-color: hsl(0, 0%, 100%);--body-bg-color: hsl(30, 38%, 92%);--button-bg-color: hsl(158, 36%, 37%);--bg-button-hover: hsl(158, 39%, 22%);--card-bg-color: hsl(0, 0%, 100%);--ff-primary: "Montserrat", sans-serif;--ff-secondary: "Fraunces", serif;--fw-normal: 500}body{background:var(--body-bg-color);padding:5rem 0;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}main{margin-bottom:3.75rem}.product-card{background-color:var(--card-bg-color);font-family:var(--ff-primary);font-size:.875rem;color:var(--text-color);width:21.375rem;margin:0 auto;border-radius:15px;overflow:hidden}.product-card__info{padding:1.5625rem;font-weight:var(--fw-normal)}.product-card__category{font-size:.875rem;text-transform:capitalize;letter-spacing:.5em;font-weight:var(--fw-normal)}.product-card__heading{font-family:var(--ff-secondary);font-size:1.875rem;color:var(--text-dark-color);line-height:1;margin:.9375rem 0}.product-card__price{margin:1.125rem 0 .75rem;display:flex;align-items:center;gap:1rem}.product-card__new-price{font-family:var(--ff-secondary);font-size:1.875rem;color:var(--text-highlight)}.product-card__old-price{text-decoration:line-through}.btn{display:flex;justify-content:center;gap:.625rem;width:100%;border:none;cursor:pointer;padding:.9375rem 0;background-color:var(--button-bg-color);font-family:var(--ff-primary);font-weight:var(--fw-normal);color:var(--text-light-color);border-radius:10px;transition:background-color .2s linear}.fa-github{color:var(--text-dark-color);cursor:pointer;font-size:1.875rem}@media (max-width: 20rem){.product-card{width:18.75rem}}@media (min-width: 48rem){.product-card{width:37.5rem;display:flex}.product-card__hero{width:48%;height:auto;min-height:425px}.product-card__info{width:52%}.product-card__heading{margin:.7em 0}.product-card__price{margin-bottom:1.125rem}img,picture{height:100%}.btn:hover{background-color:var(--bg-button-hover)}}
