.App{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{margin:0;padding:0}.auth{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f2f2f2}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0000001a;margin:20px;width:400px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}label{font-weight:700;margin-bottom:5px}input{padding:10px;font-size:16px;border-radius:5px}.navbar{margin:0;width:100%;height:80px;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none}a{color:#fff;text-decoration:none;margin:10px;font-size:25px}.create-recipe{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0000001a;margin:20px;width:400px}.create-recipe form{display:flex;flex-direction:column}ul{list-style:none;padding:0;margin:0}li{border:1px solid black;padding:10px;margin-bottom:10px}h2{margin-top:0}img{max-width:100%;height:auto;margin-bottom:10px}img{width:400px}p{max-width:400px;font-size:12px}.auth{display:flex;justify-content:center;align-items:center;height:600px;background-color:#ffc9c9;width:100%}.auth-container{max-width:400px;padding:20px;border:1px solid #e23838;border-radius:10px;background-color:#faa098}form{display:flex;flex-direction:column}h2{margin-bottom:20px}.form-group{margin-bottom:10px}label{font-weight:700}input{padding:8px;border:1px solid #e77f7f;border-radius:5px}button{padding:10px;background-color:#ff6f61;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#f5524e}.create-recipe{background-color:#f0c9c9;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.create-recipe:hover{transform:translateY(-4px)}.create-recipe h2{color:#333}.create-recipe form{margin-top:20px}.create-recipe label{display:block;margin-bottom:8px;color:#333;font-weight:700}.create-recipe input,.create-recipe textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;transition:border-color .3s ease}.create-recipe input:focus,.create-recipe textarea:focus{outline:none;border-color:#ff6f61}.create-recipe textarea{resize:vertical}.create-recipe button[type=submit],.create-recipe button[type=button]{background-color:#ff6f61;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;transition:background-color .3s ease}.create-recipe button[type=submit]:hover,.create-recipe button[type=button]:hover{background-color:#f5524e}.create-recipe{display:flex;flex-direction:column}.create-recipe form{margin-top:20px;display:grid;grid-gap:10px}.create-recipe .add-button{margin-top:10px}.create-recipe .submit-button{margin-top:20px}.home{display:flex;flex-wrap:wrap;justify-content:center;background-color:#f9c5c0}.recipe-card{background-color:#f59b9b;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px;width:300px;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.recipe-card:hover{transform:translateY(-4px)}.recipe-card h2{color:#333;font-size:20px;margin-bottom:10px}.recipe-card .ingredients{margin-top:10px}.recipe-card .ingredients ul{list-style-type:none;padding:0;margin:0}.recipe-card .ingredients ul li{margin-bottom:5px;display:flex;align-items:center}.recipe-card .ingredients ul li:before{content:"🍴";margin-right:5px}.recipe-card .instructions p{margin-bottom:10px}.recipe-card img{width:100%;border-radius:4px;margin-top:10px}.recipe-card p{margin-top:10px;color:#666}.recipe-card button{background-color:#ff6f61;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.recipe-card button:hover{background-color:#f5524e}.recipe-card .show-ingredients-button{margin-top:20px;margin-bottom:10px}.recipe-card .save-button{margin-bottom:10px}.recipe-list{display:flex;flex-wrap:wrap;justify-content:center}.recipe-card .instructions{margin-top:10px}.recipe-card .instructions p{margin-bottom:10px;position:relative;color:#000;font-weight:500}.recipe-card .instructions p:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ea575733;z-index:-1}.recipe-card .save-button:disabled{opacity:.4;cursor:not-allowed}.search-bar input{padding:15px;font-size:16px;border:none;border-radius:30px;flex:1;box-shadow:0 2px 6px #0000001a}.search-bar button{padding:15px 25px;font-size:16px;background-color:#ff6f61;color:#fff;border:none;border-radius:30px;margin-left:10px;cursor:pointer;box-shadow:0 2px 6px #0000001a}.search-bar button:hover{background-color:#3367d6}.search-bar{display:flex;align-items:center;margin-bottom:20px}.search-bar input{padding:15px;font-size:16px;border:none;border-radius:30px;flex:1;width:500px;box-shadow:0 2px 6px #0000001a}.search-bar button{padding:15px 25px;font-size:16px;background-color:#ff6f61;color:#eae5e5;border:none;border-radius:30px;margin-left:10px;cursor:pointer;box-shadow:0 2px 6px #0000001a}.search-bar button:hover{background-color:#ff6f61}.App{background-color:#f9c5c0}.h2{color:#f9c5c0}.navbar{display:flex;justify-content:space-around;align-items:center;background-color:#ffa1a1;padding:1px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.navbar a{color:#333;text-decoration:none;padding:8px 12px;border-radius:4px;transition:background-color .3s ease}.navbar a:hover{background-color:#ff6f61;color:#fff}.navbar button{background-color:transparent;border:none;color:#9a1a1a;cursor:pointer;font-size:28px;border-radius:4px;transition:color .3s ease}.navbar button:hover{color:#ff6f61}.navbar a:nth-child(2),.navbar a:nth-child(4){margin-left:10px}