#header{header{align-items:center;background-color:#fff;border-bottom:.5px solid #134544;display:flex;justify-content:space-between;padding:0 30px;>img{width:100px}>div{font-family:Arial,Helvetica,sans-serif;a{color:#134544;margin-right:20px;padding-bottom:38px;text-decoration:none;transition:all .5s;&:hover{border-bottom:5px solid #ff7d19}}}>button{background-color:#134544;border:none;border-radius:8px;color:#fff;cursor:pointer;min-height:40px;min-width:120px}}}#mobile{display:none}@media screen and (max-width:800px){#header{header{padding:0;>div{display:none}#hamburger{display:inline-block}button{font-size:13px;min-height:40px;min-width:100px;+button{margin-right:10px}}#mobile{display:inline}}}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f4f0}#main{>nav{align-items:center;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;justify-content:center;margin-top:100px;>h1{font-size:50px;margin-bottom:30px}>h1,>p{color:#134544}>p{line-height:24px;margin-bottom:40px;text-align:center;width:35%}>button{background-color:#134544;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;min-height:50px;min-width:150px;transition:all 1s;&:hover{background-color:#555}}}>div{align-items:center;display:flex;justify-content:center;margin-top:100px;>img{border:10px solid #fff;border-radius:20px;width:80%}}>section{margin-top:100px;>h2{text-align:center}>h2,>nav{font-family:Arial,Helvetica,sans-serif}>nav{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;>div{color:#134544;>i{margin-left:10px}>h4{margin-bottom:10px;margin-top:20px}>p{line-height:22px;width:80%}}}}>main{align-items:center;display:flex;justify-content:center;margin-top:100px;>nav{font-family:Arial,Helvetica,sans-serif;margin-right:20px;width:50%;>h4{font-size:30px}>h4,>p{color:#134544;margin-bottom:20px}>p{font-size:14.5px;line-height:20px;width:80%}}>img{border-radius:10px;width:400px}}summary{align-items:center;background-blend-mode:color-burn;background-color:#cbdecb66;background-image:url(/static/media/fork.20ff9c0049bc2d903e51.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:300px;color:#134544;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;justify-content:center;margin:100px auto;min-height:70vh;width:80%;>h4{font-size:30px;margin-bottom:20px}>p{font-size:14px;margin-bottom:40px}>button{background-color:#134544;border:none;border-radius:8px;color:#fff;cursor:pointer;min-height:40px;min-width:120px}}}@media screen and (max-width:800px){#main{nav{>h1{font-size:30px;text-align:center}>p{width:80%}}>section{nav{flex-direction:column;>div{margin-bottom:50px;>p{width:100%}}}}>main{flex-direction:column;>nav{width:80%;>p{width:90%}}}}}#recipe{#wrapper{align-items:center;color:#134544;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;justify-content:center;margin-top:100px;>h2{font-size:30px;margin-bottom:20px}>p{font-size:14px;line-height:22px;margin-bottom:100px;text-align:center;width:40%}}article{align-items:center;display:flex;justify-content:space-between;margin:auto auto 30px;width:83%;>nav{align-items:center;display:flex;font-family:Arial,Helvetica,sans-serif;>p{align-items:center;background-color:#fff;border-radius:5px;display:flex;margin-right:20px;min-height:40px;min-width:150px;padding:6px 10px;>i{margin-left:8px}}+nav{background-color:#fff;border-radius:6px;min-width:200px;padding:0 16px;>input{background-color:initial;border:none;height:35px;margin-left:5px;outline:none;width:200px}}}}.recipe{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;>div{align-items:center;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;justify-content:center;width:25%;>img{width:100%}>h2{margin-bottom:30px;margin-top:20px}button{background-color:#134544;border:none;border-radius:8px;color:#fff;cursor:pointer;min-height:50px;min-width:150px}}}}.recipe-details{animation:fadeIn .4s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.recipe-details h2{color:#333;font-size:2rem;margin-bottom:1rem;text-align:center}.recipe-details img{border-radius:10px;box-shadow:0 2px 6px #0003;display:block;margin:0 auto 1.5rem;max-width:250px}.recipe-details h3{color:#444;margin-top:1.5rem}.recipe-details p{color:#555;line-height:1.6;margin-bottom:1rem}.recipe-details ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));list-style:none;margin:1rem 0;padding:0}.recipe-details li{align-items:center;background:#f7f9fc;border:1px solid #e0e6ed;border-radius:8px;color:#333;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;padding:10px 15px;transition:.2s ease-in-out}.recipe-details li:hover{background:#eef3f9;transform:scale(1.02)}.recipe-details button{background:#4cafef;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:2rem auto 0;padding:10px 20px;transition:.3s ease-in-out}.recipe-details button:hover{background:#2196f3}a{text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:800px){#recipe{#wrapper{align-items:center;display:flex;justify-content:center;>h2{text-align:center;width:90%}>p{font-size:15px;width:80%;width:90%}}>article{flex-direction:column;margin:10px;width:97%;>nav{margin-bottom:50px}}.recipe{align-items:center;flex-direction:column;margin-top:30px;>div{width:80%}}}}
/*# sourceMappingURL=main.ac8b0963.css.map*/