*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}.header{width:100vw;height:10vh;background-color:#fefefe;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;text-align:center;display:flex;align-items:center;justify-content:center}.header h1{font-size:1.5rem;font-weight:500;color:#333}header>img{width:50px}header>h1{font-weight:400}main{padding:30px 30px 10px}.add-ingredient-form{display:flex;justify-content:center;gap:12px;height:38px}.add-ingredient-form>input{border-radius:6px;border:1px solid #d1d5db;padding:9px 13px;box-shadow:0 1px 2px #0000000d;flex-grow:1;min-width:150px;max-width:400px}.add-ingredient-form>button{font-family:Inter,sans-serif;border-radius:6px;border:none;background-color:#141413;color:#fafaf8;width:150px;font-size:.875rem;font-weight:500}.add-ingredient-form>button:before{content:"+";margin-right:5px}.main-content{display:flex;flex-direction:column}ul{margin:auto auto auto 40px}section{width:40%;margin:auto}ul.ingredients-list>li{color:#475467;line-height:20px}.get-recipe-container{display:flex;justify-content:space-between;align-items:center;border-radius:8px;background:#f0efeb;padding:10px 28px}.get-recipe-container h3{font-size:1.125rem;font-weight:500;line-height:24px}.get-recipe-container p{color:#6b7280;font-size:.875rem;line-height:20px}.get-recipe-container button{border:none;border-radius:6px;background:#d17557;box-shadow:0 1px 2px #0000000d;color:#fafaf8;padding:9px 17px;font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer}section{margin-top:20px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.recipe-display,.error-message{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px;text-align:center}.recipe-display h2{margin-bottom:10px;font-size:1.5rem;color:#333}.recipe-display img{width:250px;border-radius:12px;margin-bottom:1rem;transition:transform .4s ease}.recipe-display img:hover{transform:scale(1.03)}.recipe-display ul{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 auto}.recipe-display li{background:#f0efeb;padding:8px 16px;border-radius:6px;color:#333;font-size:.95rem;width:fit-content;text-align:center;opacity:0;animation:fadeIn .5s ease-in forwards}.recipe-display p{font-size:1rem;color:#444;line-height:1.6;text-align:left;background:#fcfbf7;padding:12px 18px;border-radius:10px;border:1px solid #eee}.error-message{color:red;text-align:center;margin-top:20px;font-weight:700;animation:fadeSlideIn .5s ease-out}.recipe-display{padding:1.5rem;gap:1.2rem;animation:fadeSlideIn .6s ease-out;background-color:#fffaf3;border-radius:12px;box-shadow:0 4px 8px #00000014;border:1px solid #f0e6d2}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.recipe-display li:nth-child(1){animation-delay:.1s}.recipe-display li:nth-child(2){animation-delay:.2s}.recipe-display li:nth-child(3){animation-delay:.3s}