body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-50-stone:#fafaf9}.recipe-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;height:100%;overflow:hidden;position:relative;transition:box-shadow .3s;width:300px}.recipe-card:hover{box-shadow:0 4px 8px #0000001a}.recipe-card__image{height:200px;object-fit:cover;width:100%}.recipe-card__content{padding:15px 15px 55px}.recipe-card__title{align-items:center;color:#333;display:flex;flex-direction:column;font-size:18px;font-weight:700;margin:0 0 10px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{background-color:#e0e4e7}.recipe-card__diet,.tag{border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;padding:5px 10px;text-transform:uppercase}.recipe-card__diet{background-color:#c1d8c1}.recipe-card__button{background-color:#ff7043;border-radius:5px;bottom:10px;color:#fff;display:inline-block;font-size:14px;left:50%;padding:10px 20px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:background-color .3s}.recipe-card__button:hover{background-color:#e05d39}.header{align-items:center;background-color:#d5ddd5;border-radius:0 0 10px 10px;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:1000}.header__logo-image{height:70px;transition:transform .3s ease;width:auto}.header__logo-image:hover{transform:scale(1.05)}.header__nav ul{display:flex;gap:30px;list-style-type:none;margin:0;padding:0}.header__nav a{color:#000;font-size:14px;margin-left:10px;margin-right:10px;text-decoration:none}.header__nav a:hover{text-decoration:underline}.header__nav a:hover:after{transform:scaleX(1);transform-origin:left}.header__nav_logout{background-color:#ff7043;border:none;border-radius:20px;bottom:10px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.header__nav_logout:hover{background-color:#e05d39}.header__search{display:flex;flex:1 1;justify-content:center;margin-left:20px;margin-right:10px}.header__search input{border:none;border-radius:20px;box-shadow:0 4px 8px #0000001a;font-size:14px;max-width:300px;padding:8px 12px;transition:box-shadow .3s ease;width:100%}.header__search input:focus{box-shadow:0 6px 12px #00000026;outline:none}@media (max-width:400px){.header{align-items:center;flex-direction:column}.header__logo,.header__nav{margin-bottom:10px}.header__search{justify-content:center;margin-bottom:20px;width:80%}}.homepage{padding:20px}.recipe-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px;place-items:center}.add-recipe-form{background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.addrecipe__ingredient-list,.addrecipe__step-list,.addrecipe__tag-list{margin-top:10px}.addrecipe__ingredient-item,.addrecipe__step-item,.addrecipe__tag-item{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px;text-align:left}.addrecipe__ingredient-item button,.addrecipe__step-item button,.addrecipe__tag-item button{background:none;border:none;cursor:pointer;margin-left:10px;padding:5px}.addrecipe__button-group{display:flex;justify-content:flex-end}.addrecipe__submit-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.recipe-detail{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:auto;max-width:800px;padding:20px}.recipe-header{align-items:center;display:flex;flex-direction:column}.recipe-image{border-radius:8px;max-height:400px;object-fit:cover;width:100%}.recipe-title{color:#333;font-size:2.5rem;margin:20px 0}.recipe-actions{margin-top:20px}.recipe-actions,.recipe-body{display:flex;justify-content:space-between}.recipe-body{gap:20px}.recipe-detail__diet{background-color:#c1d8c1;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;padding:5px 10px;text-transform:uppercase}.recipe-serving{margin-top:20px}.ingredients,.steps{flex:1 1}.ingredients ul,.steps ol{line-height:1.5;text-align:left}.btn-delete,.btn-edit,.btn-return{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 20px}.btn-edit{background-color:#3498db;color:#fff}.btn-delete{background-color:#e74c3c;color:#fff}.btn-return{background-color:#3498db;color:#fff;margin-bottom:5px;margin-right:100%}@media (max-width:768px){.recipe-detail{text-align:left}.recipe-body{flex-direction:column}.ingredients ul,.steps ol{align-items:center;line-height:1.5;text-align:left}}.edit-recipe-form{background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:5px;margin-top:10px}.form-group input{border:1px solid #ccc;border-radius:5px;margin-right:10px;padding:10px;width:90%}.form-group select{border:#ccc;border-radius:5px;margin-right:5px;padding:8px}.edit-recipe__ingredient-list,.edit-recipe__step-list,.edit-recipe__tag-list{margin-top:10px}.edit-recipe__ingredient-item,.edit-recipe__step-item,.edit-recipe__tag-item{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px;text-align:left}.edit-recipe__ingredient-item button,.edit-recipe__step-item button,.edit-recipe__tag-item button{background:none;border:none;cursor:pointer;margin-left:10px;padding:5px}.edit-recipe__button-group{display:flex;justify-content:flex-end}.edit-recipe__add-button{border:#ccc;border-radius:5px;cursor:pointer;margin-bottom:10px;margin-top:-10px;padding:8px}.submit-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.login-container{align-items:center;background:linear-gradient(135deg,#d5ddd5,#779c77);display:flex;height:100vh;justify-content:center}.login-box{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;padding:40px;text-align:center;width:300px}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;font-weight:700;margin-bottom:8px}.input-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;transition:border-color .3s;width:100%}.input-group input:focus{border-color:#f5576c}.login-button{background-color:#ff7043;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#e05d39}.login-message{color:#f5576c;font-weight:700;margin-top:15px}.App{background-color:var(--color-50-stone);text-align:center}
/*# sourceMappingURL=main.37f52898.css.map*/