@import"https://fonts.googleapis.com/css2?family=Gudea&display=swap";main.svelte-xvugvw.svelte-xvugvw{padding:20px;margin-left:0;font-family:Gudea,sans-serif}.header.svelte-xvugvw.svelte-xvugvw{position:fixed;top:0;left:0;width:100%;background-color:#3f201f;z-index:999;text-align:center;padding:1px 0;transition:opacity .3s ease-in-out}.search-container.svelte-xvugvw.svelte-xvugvw{position:fixed;top:115px;left:20px;width:20vw;z-index:999;display:flex;flex-direction:column;gap:10px}#search-bar.svelte-xvugvw.svelte-xvugvw,#cuisine-filter.svelte-xvugvw.svelte-xvugvw{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;background-color:#fdfdfd;box-shadow:0 4px 6px #0000001a;margin-left:10%;z-index:999}.recipe.svelte-xvugvw.svelte-xvugvw{margin-top:200px;padding-left:0}#recipe-list.svelte-xvugvw.svelte-xvugvw{list-style:none;width:20vw;padding:0;margin:0}#recipe-list.svelte-xvugvw li.svelte-xvugvw{font-size:18px;margin:5px 0 5px 10%;border-radius:10%;color:#fff;transition:background-color .3s ease;box-shadow:0 0 4px #3d02024d;line-height:1.7em;cursor:pointer}#recipe-list.svelte-xvugvw li.svelte-xvugvw:hover{background-color:#3d02024d}.popup.svelte-xvugvw.svelte-xvugvw{position:fixed;top:15%;right:3%;width:66.66%;height:85%;background-color:#fff;z-index:999;display:none;padding:20px;box-sizing:border-box;overflow:hidden}.popup-content.svelte-xvugvw.svelte-xvugvw{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.close-btn.svelte-xvugvw.svelte-xvugvw{position:absolute;top:10px;right:10px;background-color:#661111e6;color:#fff;border:none;padding:10px;cursor:pointer;font-size:1.5rem;border-radius:10%}.close-btn.svelte-xvugvw.svelte-xvugvw:hover{background-color:#c35c5ce6;transform:scale(1.08)}.popup-iframe.svelte-xvugvw.svelte-xvugvw{width:100%;height:100%;border:none}.background-svg.svelte-xvugvw.svelte-xvugvw{position:fixed;top:0;left:0;z-index:-2;width:100%;height:100%}.grey-rectangle-background.svelte-xvugvw.svelte-xvugvw{position:fixed;fill:#9b0808;opacity:.5;width:25vw;height:100vh;left:0}.strawberry-img.svelte-xvugvw.svelte-xvugvw{position:fixed;opacity:.8;z-index:-1;width:auto;height:100%;top:10%;left:26%}.instruction-text.svelte-xvugvw.svelte-xvugvw{position:fixed;z-index:-1;width:50vw;height:auto;top:40%;left:60%;transform:translate(-50%);background:#75515199;border-radius:4%;text-align:center;color:#fff;padding:10px;font-size:1.2em;line-height:3em;box-shadow:0 5px 6px #0003}.nav-bar.svelte-xvugvw.svelte-xvugvw{display:flex;justify-content:center;align-items:center;background-color:#1c0b0b;color:#fff;height:30px;left:0%;width:100vw;position:fixed;top:80px;z-index:1000;transition:opacity .3s ease-in-out}.nav-link.svelte-xvugvw.svelte-xvugvw{margin:0 10vw;font-size:1rem;cursor:pointer;text-decoration:none;color:#fff}@media (max-width: 768px){.nav-link.svelte-xvugvw.svelte-xvugvw{font-size:.8rem;margin:0 3vw}}@media (max-width: 480px){.nav-link.svelte-xvugvw.svelte-xvugvw{font-size:.7rem;margin:0 2vw}}.nav-link.svelte-xvugvw.svelte-xvugvw:hover{color:#ff8000;text-decoration:underline}.dropdown.svelte-xvugvw.svelte-xvugvw{position:relative}.dropdown-menu.svelte-xvugvw.svelte-xvugvw{display:none;position:absolute;background-color:#3f2a25;padding:10px 0;border-radius:5px;top:100%;left:10vw;min-width:150px;box-shadow:0 4px 6px #0000001a;z-index:1000}.dropdown-menu.svelte-xvugvw a.svelte-xvugvw{display:block;padding:5px 15px;color:#fff;text-decoration:none;font-size:.9rem;z-index:1000}.dropdown-menu.svelte-xvugvw a.svelte-xvugvw:hover{background-color:#cd7f76;color:#3f2a25}.dropdown.svelte-xvugvw:hover .dropdown-menu.svelte-xvugvw{display:block}