nav.svelte-13ids90,nav.open.svelte-13ids90,nav.scroll.open.svelte-13ids90{display:flex;justify-content:space-between;align-items:center;height:100px;position:fixed;left:50%;transform:translate(-50%);top:10px;gap:10px;padding:0 60px;width:calc(100vw - 120px);z-index:100;height:80px;transition:all .5s}nav.svelte-13ids90>.links:where(.svelte-13ids90){opacity:0;visibility:hidden;position:fixed;margin-top:80px;top:0;transform:translateY(20%);height:calc(100vh - 80px);background-image:radial-gradient(color-mix(in srgb,var(--color-secondary),rgb(0,0,0) 80%) 1px,#1e293b80 1px);background-size:4px 4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100vw;z-index:100;transition:all .5s}nav.svelte-13ids90>button:where(.svelte-13ids90){opacity:0;visibility:hidden;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;padding:0;display:none}@media (max-width: 700px){nav.svelte-13ids90,nav.open.svelte-13ids90,nav.scroll.open.svelte-13ids90{padding:0 20px;width:calc(100vw - 40px)}nav.svelte-13ids90>button:where(.svelte-13ids90){opacity:1;visibility:visible;display:block}nav.svelte-13ids90>ul:where(.svelte-13ids90){display:none}nav.open.svelte-13ids90>.links:where(.svelte-13ids90){opacity:1;visibility:visible;transform:translateY(0)}nav.open.svelte-13ids90{background-image:radial-gradient(color-mix(in srgb,var(--color-secondary),rgb(0,0,0) 80%) 1px,#1e293b80 1px);background-size:4px 4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);top:0}nav.svelte-13ids90>.links:where(.svelte-13ids90) ul:where(.svelte-13ids90){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:1.5rem;height:100%;padding:0}nav.svelte-13ids90>.links:where(.svelte-13ids90){margin-left:-20px}}nav.scroll.svelte-13ids90{height:60px;background-image:radial-gradient(color-mix(in srgb,var(--color-secondary),rgb(0,0,0) 80%) 1px,#1e293b80 1px);background-size:4px 4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:calc(80% - 20px);border-radius:40px;padding:0 20px;border:1px solid color-mix(in srgb,var(--color-secondary),rgb(0,0,0) 50%)}nav.svelte-13ids90 .logo:where(.svelte-13ids90){height:100%;display:flex;align-items:center}nav.svelte-13ids90>:where(.svelte-13ids90){width:33.3%}nav.svelte-13ids90 .logo:where(.svelte-13ids90) img:where(.svelte-13ids90){height:80%}ul.svelte-13ids90{display:flex;list-style:none;padding:0;justify-content:right}ul.svelte-13ids90:first-of-type{justify-content:center}li.svelte-13ids90{margin:0 10px}a.svelte-13ids90{color:#fff;text-decoration:none}.footer.svelte-4jzkv2{background-color:var(--background-secondary);color:var(--color-text);padding:2rem;display:flex;flex-direction:column;gap:1rem;margin-top:10vh}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2){display:flex;gap:2rem;justify-content:space-around;flex-wrap:wrap}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2)>div:where(.svelte-4jzkv2){width:30%;min-width:200px}.footer.svelte-4jzkv2>div:where(.svelte-4jzkv2) .text:where(.svelte-4jzkv2) h4:where(.svelte-4jzkv2){margin-bottom:6px}.footer.svelte-4jzkv2>div:where(.svelte-4jzkv2) .text:where(.svelte-4jzkv2){width:fit-content;position:relative;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2) .left:where(.svelte-4jzkv2){display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:center}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2) .left:where(.svelte-4jzkv2) img:where(.svelte-4jzkv2){width:50px;height:50px;border-radius:50%}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2) .left:where(.svelte-4jzkv2) .socials:where(.svelte-4jzkv2){display:flex;gap:1rem;align-items:center;justify-content:center}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2) .left:where(.svelte-4jzkv2) .socials:where(.svelte-4jzkv2) a:where(.svelte-4jzkv2){font-size:1.5rem}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2) h4:where(.svelte-4jzkv2){margin:0}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2) a:where(.svelte-4jzkv2){color:var(--color-accent);text-decoration:none}.footer.svelte-4jzkv2 .top:where(.svelte-4jzkv2) a:where(.svelte-4jzkv2):hover{color:color-mix(in srgb,var(--color-accent),rgb(255,255,255) 20%)}.footer.svelte-4jzkv2>p:where(.svelte-4jzkv2){text-align:center;color:color-mix(in srgb,var(--color-secondary),rgb(0,0,0) 20%);font-size:.8rem;margin-top:10px}