nav.svelte-12qhfyh{z-index:100;box-sizing:border-box;background-color:var(--orange);border:2px solid var(--yellow);box-shadow:0px 3px var(--lightred);border-radius:50px;margin:30px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.svelte-12qhfyh>:where(.svelte-12qhfyh):first-child{margin-right:auto}nav.svelte-12qhfyh:not(.visible){transform:translateY(-200%)}nav.visible.svelte-12qhfyh{transform:translateY(0)}.logo-container.svelte-12qhfyh{background-color:var(--beige);border:2px solid var(--orange);box-shadow:0px 6px var(--lightorange);border-radius:50px;align-items:center;margin-left:-5px;display:flex;position:absolute;left:0}.ducss.svelte-12qhfyh{height:80px}.ducssBracket.svelte-12qhfyh{height:78px;margin-top:3px}.ducssMask.svelte-12qhfyh{white-space:nowrap;width:80px;margin-left:-65px;transition:right .5s ease-in-out;display:inline-block;position:relative;overflow:hidden}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh){margin:0;list-style:none;display:flex}nav.svelte-12qhfyh li:where(.svelte-12qhfyh){justify-content:center;align-items:center;padding:15px;display:flex}.nav-button.svelte-12qhfyh{color:var(--yellow);text-shadow:1px 1px 0px var(--darkorange);font-family:var(--font-titles);font-size:var(--p-size);padding:5px;text-decoration:none}.nav-button.svelte-12qhfyh:hover{background-color:var(--lightorange)}.nav-button.active.svelte-12qhfyh{background-color:var(--yellow);color:var(--orange)}nav.svelte-12qhfyh .dropdown:where(.svelte-12qhfyh){text-align:center;align-items:center;margin:5px 15px;display:flex;position:relative}.login.svelte-12qhfyh{height:max-content;color:var(--darkorange);background-color:var(--yellow);text-shadow:1px 1px 0px var(--darkorange);-webkit-text-fill-color:var(--orange);-webkit-text-stroke:1px;font-family:var(--font-titles);font-size:var(--p-size);border:1px solid var(--darkorange);box-shadow:0px 2px var(--darkorange);cursor:pointer;border-radius:15px;justify-content:center;margin:0;padding:5px 20px;text-decoration:none}.compass.svelte-12qhfyh{width:150px;min-width:max-content;height:max-content;color:var(--darkorange);background-color:var(--yellow);text-shadow:1px 2px 0px var(--darkorange);-webkit-text-fill-color:var(--orange);-webkit-text-stroke:1px;font-family:var(--font-titles);font-size:var(--p-size);border:1px solid var(--darkorange);box-shadow:0px 2px var(--darkorange);cursor:pointer;border-radius:15px;justify-content:center;margin:0;padding:3px 20px;text-decoration:none}nav.svelte-12qhfyh .dropdown:where(.svelte-12qhfyh):hover .compass:where(.svelte-12qhfyh){border-radius:15px 15px 0 0}nav.svelte-12qhfyh .dropdown:where(.svelte-12qhfyh) .compass-dropdown:where(.svelte-12qhfyh){z-index:1;box-sizing:border-box;background-color:var(--yellow);border:1px solid var(--darkorange);width:100%;box-shadow:0px 2px var(--darkorange);border-radius:0 0 15px 15px;flex-direction:column;margin-top:-10px;display:none;position:absolute;top:100%;left:0;overflow:hidden}nav.svelte-12qhfyh .dropdown:where(.svelte-12qhfyh):hover .compass-dropdown:where(.svelte-12qhfyh){display:flex}.compass-dropdown.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--darkorange);text-shadow:1px 1px var(--lightyellow);font-size:16px;font-family:var(--font-headings);border-top:1px solid var(--darkorange);padding:15px;text-decoration:none}.compass-dropdown.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background-color:var(--orange)}.menu-button.svelte-12qhfyh{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;padding:15px;display:none}.menu-button.svelte-12qhfyh span:where(.svelte-12qhfyh){background:var(--yellow);width:30px;height:5px;display:block}@media screen and (width<=1200px){.logo-container.svelte-12qhfyh{background-color:var(--beige);border:2px solid var(--orange);box-shadow:0px 6px var(--lightorange);border-radius:50px;align-items:center;margin-left:-15px;display:flex;position:absolute;left:0}.ducss.svelte-12qhfyh{height:80px}.ducssBracket.svelte-12qhfyh{height:78px;margin-top:3px}.ducssMask.svelte-12qhfyh{white-space:nowrap;width:80px;margin-left:-65px;transition:right .5s ease-in-out;display:inline-block;position:relative;overflow:hidden}}@media screen and (width<=800px){nav.svelte-12qhfyh{margin:15px}.logo-container.svelte-12qhfyh{margin-left:-5px}.ducss.svelte-12qhfyh{height:60px}.ducssBracket.svelte-12qhfyh{height:58px;margin-top:3px}.ducssMask.svelte-12qhfyh{width:50px;margin-left:-50px}.menu-button.svelte-12qhfyh{display:flex}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh){z-index:-100;border:1px solid #000;flex-direction:column;gap:0;width:240px;padding:0;display:none;position:absolute;top:100%;right:0}nav.open.svelte-12qhfyh ul:where(.svelte-12qhfyh){display:flex}nav.open.svelte-12qhfyh .menu-button:where(.svelte-12qhfyh){background-color:var(--yellow);border:1px solid #000;border-radius:15px 15px 0 0}nav.open.svelte-12qhfyh .menu-button:where(.svelte-12qhfyh) span:where(.svelte-12qhfyh){background-color:var(--orange)}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh) li:where(.svelte-12qhfyh){background-color:var(--orange);border-bottom:1px solid var(--darkorange)}nav.svelte-12qhfyh .dropdown:where(.svelte-12qhfyh) .compass-dropdown:where(.svelte-12qhfyh){margin-top:0}}