*,:before,:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#fafaf8;font-family:Inter,sans-serif;margin:0}header{display:flex;justify-content:center;align-items:center;gap:1em;height:100px;background-color:#fff}h1{font-weight:400}h2{font-size:1.5rem;font-weight:600}img.logo{width:35px}main{max-width:950px;width:95%;margin:0 auto;padding:2em}main form{width:100%;margin:1em auto;display:grid;grid-template-columns:70% calc(30% - 1em);gap:1em}.ingredient-input{border:1px solid #D1D5DB;border-radius:5px;padding:.7em}.btn{color:#fafaf8;border:none;border-radius:5px;font-family:inherit;cursor:pointer}.add-btn{background-color:#292927}.add-btn:hover,.add-btn:focus{background-color:#141413}section.ingredients-list{margin-block:2em}ul.ingredient-list{color:#475467;padding-left:1em}ul.ingredient-list li:not(:last-child){margin-bottom:.8em}.cta-container{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#f0efeb;padding:1.5em 2em;border-radius:5px}.cta-container span{font-weight:500;font-size:1.1rem;color:#141413}.cta-container p{font-size:.9rem;color:#6b7280}.get-recipe-btn{background-color:#d17657e6;padding:.7em 1em}.get-recipe-btn:hover,.get-recipe-btn:focus{background-color:#d17557}.recipe-container{color:#475467}.btn-icon{background:transparent;border:none;cursor:pointer;color:#2929276d}.btn-icon:hover,.btn-icon:focus{color:#eb0909ad}