.hero{margin:0 0 40px 0}.hero h1{display:flex;flex-direction:column;font:3.5rem var(--type-accent)}.recipe{display:flex;flex-direction:row;align-items:flex-start;width:960px;height:480px;background:rgba(0,0,0,0) url("/assets/images/halibut-tacos-01.webp") no-repeat center center;background-size:100%;border-radius:4px;text-decoration:none;margin-bottom:20px;border:1px solid var(--palette-pri)}.recipe__hero{font:22px var(--type-accent);color:var(--palette-on-sec);background:var(--palette-sec);padding:15px 20px}.recipe:hover .recipe__hero,.recipe:focus .recipe__hero{box-shadow:0 3px 3px 0 rgba(0,0,0,.2)}.basics{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.basics__item{display:inline-flex;flex-direction:row;align-items:flex-start;height:150px;background:rgba(0,0,0,.2);border-radius:4px;text-decoration:none;border:1px solid var(--palette-pri)}.basics__item-title{background:var(--palette-pri);color:var(--palette-on-pri);padding:6px 12px;font:1.1rem var(--type-accent)}