@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";.landing-page{font-family:Arial,sans-serif;color:#333;margin:0;padding:0;min-height:120vh}.hero{margin:0 auto;display:flex;flex-direction:column;min-height:80vh;align-items:center;justify-content:baseline;text-align:left;gap:40px}.hero .container{padding:.5rem;max-width:1200px;display:flex;align-items:center;justify-content:center;gap:40px;flex-direction:column;width:100%;min-height:10vh;margin-top:120px}.hero .header{width:100%;background-color:#121212;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:100px 0;min-height:100vh;display:none}.header h1{color:var(--main-clr)}.header .content{max-width:1200px;display:flex;align-items:center}.header .right{position:relative;filter:drop-shadow(5px 5px 200px var(--main-clr))}.header .right svg{position:absolute;top:0;left:-200px;z-index:2}.clipped-shape{clip-path:polygon(50% 0%,53.9% 49.5%,100% 43%,94% 78%,56.8% 71.5%,32% 100%,2.5% 40%,28.5% 47%,15% .5%);clip-path:polygon(50% 0%,53.9% 49.5%,100% 43%,94% 78%,56.8% 71.5%,32% 100%,8.1% 77.3%,39.5% 52%,15% .5%);background-color:var(--main-clr)}.header .right img{z-index:3;position:relative}.hero a{color:var(--color-primary);text-decoration:none}.hero h1{font-size:4rem;line-height:1;margin-bottom:0}.hero form{width:100%;display:flex;flex-direction:row;gap:0}.hero form .cta{border-top-right-radius:5px;border-bottom-right-radius:5px;width:10%}.hero .filters{display:flex;gap:10px;margin:20px 0}.hero .search{border-top-left-radius:5px;border-bottom-left-radius:5px;padding:20px;width:90%}.hero h3{font-size:25px;margin:12px 0;width:100%;text-align:left}.hero p{max-width:500px;font-size:1.2rem;line-height:1.75rem}.hero .recipts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;gap:10px}.hero .recipt{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:10px;background-color:#0a0a0a21;box-shadow:0 0 100px 50px #cb1c1c1a;box-shadow:0 0 100px 50px #1cb9cb1a;cursor:pointer}.hero .recipt img{border-radius:5px;width:100%;height:300px;aspect-ratio:16/9;object-fit:cover;transition:.4s linear;filter:grayscale(0%) contrast(130%)}.hero .notFound{font-size:1.5rem;font-weight:600;color:#fff;margin-top:20px;grid-column:1/3}@media (max-width: 1024px){.hero{overflow:hidden}.hero .header{min-height:80vh}.header .content{flex-direction:column;margin-top:50px}.header .content h1{z-index:1;font-size:70px;padding:20px;text-align:center;width:100%;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header .right{margin-top:-285px}.hero .recipts{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:3rem}.hero p{font-size:1.1rem}}@media (max-width: 768px){.header .content{padding-top:70px}.header .content h1{font-size:50px}.header .right svg{left:-285px}.hero .recipts{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:2.5rem}.hero p{font-size:1rem;max-width:100%}.hero form{flex-direction:column}.hero form .cta{width:100%;margin-top:10px}.hero .search{width:100%}}@media (max-width: 576px){.header .content h1{font-size:40px}.hero h3{font-size:20px}.hero h1{font-size:2rem}.hero p{font-size:.9rem;margin:0 auto}.hero .recipts{grid-template-columns:1fr}}@media (max-width: 376px){.hero .header{min-height:60vh;margin-top:40px}.header .content h1{font-size:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header .content img{margin-top:-70px;width:190px;background-color:#ff000080}.header svg{display:none}}@media (max-width: 274px){.logo-container{display:none}}.recipt-page{max-width:1200px;margin:30px auto 0;padding:20px;font-family:Arial,sans-serif;background-color:#5b5b5b;border-radius:40px}.recipt-page a:hover{text-decoration:underline}.recipt-page span{background:#1f1f1f56}.recipt-page a,.recipt-page .hol,.recipt-page span{text-decoration:none;cursor:pointer;font-size:large;display:inline-flex;color:var(--white);padding:5px 10px;align-items:center;border-radius:40px;gap:10px;text-transform:capitalize}.recipt-page .hol{background:#1f1f1f56}.recipt-page .header{display:flex;gap:40px;margin-top:20px}.recipt-page .header .categories{display:flex;flex-direction:row;gap:10px}.recipt-page .header .badge{background:#f6f6f628;color:var(--color-primary);padding:5px 10px;border-radius:30px;display:flex;font-size:smaller;color:var(--white)}.recipt-page h1{font-size:2.5em;margin-bottom:10px;color:var(--white)}.recipt-page p{font-size:1.1em;margin:10px 0;color:#ffffffe5}.recipt-page img{width:100%;max-width:500px;max-height:500px;min-height:200px;border-radius:10px;margin-bottom:20px;aspect-ratio:1/1;object-fit:cover}.recipt-page .section{margin-bottom:70px}.recipt-page .servings-control{display:flex;align-items:center;margin:20px 0}.recipt-page .servings-control h2{font-size:1.5em;margin-right:20px}.recipt-page .servings-control button{background-color:#333;color:#fff;border:none;padding:10px 20px;font-size:1.2em;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin:0 5px}.recipt-page .servings-control button:hover{background-color:#757575}.recipt-page h2{font-size:1.8em;margin:20px 0;text-align:left;width:100%}.recipt-page ul{list-style-type:none;padding:0;margin:0;width:100%}.recipt-page ul li{font-size:1.2em;margin:10px 0;padding:10px;background-color:#f4f4f4;background-color:#000000a4;border-radius:8px;display:flex;justify-content:space-between;box-shadow:0 2px 5px #0000000d}.recipt-page ul li:nth-child(2n){background-color:#e3e3e3;background-color:#f2cfae;background-color:#8f8f8f}@media (max-width: 1024px){.recipt-page{padding:15px}.recipt-page h1{font-size:2.3em}.recipt-page .header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.recipt-page .content{padding:15px}.recipt-page h1{font-size:2em}.recipt-page p{font-size:1em}.recipt-page .servings-control h2{font-size:1.3em}.recipt-page .servings-control button{padding:8px 15px;font-size:1.1em}.recipt-page h2{font-size:1.5em}.recipt-page ul li{font-size:1.1em}}@media (max-width: 576px){.recipt-page h1{font-size:1.8em}.recipt-page h2{font-size:1.4em;margin-top:0}.recipt-page p{font-size:.9em}.recipt-page ul li{flex-direction:column;align-items:flex-start}.recipt-page .servings-control{align-items:flex-start}}@media (max-width: 374px){.recipt-page .servings-control button{width:100%;margin-bottom:10px}}*{margin:0;padding:0;box-sizing:border-box;color:var(--white)}:root{--main-clr: #87CEEB;--color-primary: #121212;--color-secondary: hsl(217, 30%, 12%);--color-tertiary: hsl(214, 29%, 17%);--color-extra: hsl(225, 18%, 37%);--bg-body: #f2dfce;--bg-body: #121212;--border-cta: #d8d8d8;--code-bg-color: #23272e;--code-title-color: #5a606a;--txt-clr: #333;--white: hsl(0, 0%, 95%);--black: hsl(0, 0%, 0%);--red: hsl(0, 100%, 31%)}body{min-height:100vh;font-family:Poppins,sans-serif;background-color:var(--bg-body);background-repeat:repeat;background-size:contain;font-size:1.6rem;scroll-behavior:smooth}h1{color:var(--white)}h1,h2,h3,h4{font-family:Poppins,sans-serif;font-family:Oswald,sans-serif}h1 span,h2 span,h3 span,h4 span{background:-webkit-linear-gradient(var(--color-primary),var(--color-primary),#838383,#ffffff,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:.8rem}h3{font-size:1.5rem;margin-bottom:.6rem}h4{font-size:1.2rem;margin-bottom:.4rem}p{margin-bottom:1rem;line-height:1.6}code{background:var(--color-extra);color:var(--white);border-radius:4px;font-family:Poppins,monospace}pre{background:var(--color-extra);color:var(--white);padding:1rem;border-radius:8px;overflow-x:auto}.cta{font-size:large;font-weight:500;text-align:center;color:#fff;background-color:var(--main-clr);text-decoration:none;border:2px solid var(--color-primary);padding:5px 15px;cursor:pointer;letter-spacing:.2px}.cta-secondary{font-size:large;font-weight:500;text-align:center;color:var(--black);background-color:var(--bg-body);text-decoration:none;border-radius:5px;border:2px solid var(--border-cta);padding:5px 15px;cursor:pointer;letter-spacing:.2px}input::placeholder{color:#121212;opacity:.6;font-style:italic}input{border:2px solid var(--main-clr);padding:10px;font-size:16px;color:#333;transition:border-color .3s}input:focus{border-color:#ff9c9c;outline:none}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0c0801e6;z-index:9999}.loader{border:8px solid #f3f3f3;border-top:8px solid #db3434;border-radius:50%;width:80px;height:80px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){body{font-size:1.4rem}h1{font-size:2rem}h2{font-size:1.5rem}.cta,.cta-secondary{font-size:medium;padding:8px 16px}}@media (max-width: 480px){body{font-size:1.2rem}}