@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=PT+Sans+Narrow&display=swap");*{padding:0;margin:0}body{font-family:"PT Sans Narrow";color:#28262C;background:#F7EDE2}a,a:visited{color:#28262C}h1,h2,h3{font-family:"Alfa Slab One"}header{display:flex;justify-content:space-around;padding:2em;background:#F5CAC3}.home.hero{background:radial-gradient(100% 150% ellipse at center -25em, #F5CAC3 100%, transparent)}.home.hero h1{margin:10em 0}.recipes{width:60vw;margin:5em auto;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5em}.recipes div{background:white;border:1px solid #28262C;border-radius:1em;display:flex;align-items:center}.recipes div h2{margin:2em 0}.recipes div img{position:relative;left:-2em;float:left;width:6em;height:6em}nav{width:60vw;margin:2em auto;display:flex;justify-content:space-around}nav a{text-align:center}header.recipe{background-repeat:no-repeat;background-position-x:10vw;background-color:#F5CAC3}header.recipe h1{margin:4em;text-shadow:0px 0px 5px #F5CAC3}main.recipe{width:clamp(50vw, 70ch, 90vw);margin:auto;font-size:1.5em;line-height:1.5em;padding:2em 0}main.recipe ul{padding-left:2em}main.recipe h1,main.recipe h2,main.recipe h3,main.recipe ul,main.recipe p{margin:0.5em 0}