.nav_full.svelte-12gonr4{display:flex;align-items:center;flex-direction:column;background:var(--bg-color);border-bottom:var(--thicc-line-weight) var(--primary) solid;justify-content:center;overflow:hidden;width:100%;z-index:var(--z-index-navbar);transition:transform .3s ease;position:fixed;top:0;left:0;right:0;isolation:isolate}.navbar.svelte-12gonr4{display:flex;flex-direction:row;justify-content:space-between;margin-inline:var(--space-s);align-items:end;z-index:var(--z-index-navbar);position:relative;max-width:var(--navbar-width);width:100%}.nav_logo.svelte-12gonr4{font-weight:700;margin-inline:var(--space-m);font-size:3rem;color:var(--primary);transition:.3s ease;text-decoration:none}.nav_logo.svelte-12gonr4:hover{color:transparent;cursor:pointer;background:var(--vibes);background-size:200% 200%;animation:gradient 8s cubic-bezier(.23,1,.32,1) infinite;background-clip:text;-webkit-background-clip:text}.nav_logo.svelte-12gonr4:active{scale:.95}.menu_bar.svelte-12gonr4{display:flex;flex-direction:row;gap:var(--space-s);height:5.625rem;align-items:end;margin-inline:var(--space-s)}.nav_button.svelte-12gonr4{display:flex;align-items:flex-start;justify-content:center;border-width:0;flex-direction:column;height:var(--button-height);width:15rem;color:var(--primary);background:var(--bg-color);font-weight:800;font-size:1.25rem!important;text-indent:1.25rem;transition:all ease-in .1s;text-decoration:none}.nav_button.svelte-12gonr4:hover{height:calc(var(--button-height) + 1.25rem);cursor:pointer}#button_About.svelte-12gonr4{border-top:.3125rem solid var(--color1)}#button_Projects.svelte-12gonr4{border-top:.3125rem solid var(--color2)}#button_Resume.svelte-12gonr4{border-top:.3125rem solid var(--color3)}#button_About.svelte-12gonr4:active{background:var(--color1)}#button_Projects.svelte-12gonr4:active{background:var(--color2)}#button_Resume.svelte-12gonr4:active{background:var(--color3)}.modal_button.svelte-12gonr4{display:none;align-self:center;position:relative;margin-inline:var(--space-s);z-index:var(--z-index-menu-button)}.modal_menu_btn.svelte-12gonr4{background:none;border:none;cursor:pointer;position:relative;z-index:var(--z-index-menu-button);color:var(--primary)}.modal_menu_btn.svelte-12gonr4 .line:where(.svelte-12gonr4){transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s ease}.modal_menu_btn.svelte-12gonr4 .line_top:where(.svelte-12gonr4){transform-origin:24px 14px}.modal_menu_btn.svelte-12gonr4 .line_mid:where(.svelte-12gonr4){transform-origin:24px 24px}.modal_menu_btn.svelte-12gonr4 .line_bot:where(.svelte-12gonr4){transform-origin:24px 34px}.modal_menu_btn.is_open.svelte-12gonr4 .line_top:where(.svelte-12gonr4){transform:translateY(10px) rotate(45deg)}.modal_menu_btn.is_open.svelte-12gonr4 .line_mid:where(.svelte-12gonr4){opacity:0;transform:scaleX(0)}.modal_menu_btn.is_open.svelte-12gonr4 .line_bot:where(.svelte-12gonr4){transform:translateY(-10px) rotate(-45deg)}.modal.svelte-12gonr4{display:grid;grid-template-rows:2fr 1fr;overflow:hidden;overscroll-behavior:none;height:calc(100vh - var(--navbar-height, 60px));width:100%;position:fixed;top:var(--navbar-height, 60px);left:0;z-index:var(--z-index-menu);background-color:var(--bg-color);transform:translateY(calc(-100% - var(--navbar-height, 60px)));transition:transform var(--modal-time) ease,visibility var(--modal-time);visibility:hidden;pointer-events:none;will-change:transform,visibility}.modal.open.svelte-12gonr4{transform:translateY(0);transition:transform var(--modal-time) ease,visibility 0s;visibility:visible;pointer-events:auto}.modal_nav.svelte-12gonr4{display:flex;flex-direction:column;justify-content:center;margin-block:var(--space-l);gap:var(--space-s)}.modal_nav_button.svelte-12gonr4{display:flex;align-items:center;width:75%;height:60px;text-decoration:none;color:var(--primary)}.modal_nav_button.svelte-12gonr4 h2:where(.svelte-12gonr4){margin-left:5%}.modal_nav_button.svelte-12gonr4:active{transition:all .4s ease}#nav1.svelte-12gonr4{border-right:.625rem solid var(--color2)}#nav2.svelte-12gonr4{border-right:.625rem solid var(--color1)}#nav3.svelte-12gonr4{border-right:.625rem solid var(--color3)}#nav1.svelte-12gonr4:active{background:var(--color2)}#nav2.svelte-12gonr4:active{background:var(--color1)}#nav3.svelte-12gonr4:active{background:var(--color3)}.modal_contact.svelte-12gonr4{display:flex;flex-direction:column;align-items:center;padding-block:var(--space-m);color:var(--primary);gap:var(--space-m)}.modal_contact.svelte-12gonr4 h1:where(.svelte-12gonr4){color:var(--primary)}.Socials.svelte-12gonr4{display:flex;align-items:center;gap:var(--space-s)}.social_1.svelte-12gonr4,.social_2.svelte-12gonr4,.social_3.svelte-12gonr4{display:flex;align-items:center}.social_1.svelte-12gonr4 svg:where(.svelte-12gonr4),.social_2.svelte-12gonr4 svg:where(.svelte-12gonr4),.social_3.svelte-12gonr4 svg:where(.svelte-12gonr4){transition:transform .2s ease,fill .2s ease}.social_1.svelte-12gonr4:hover svg:where(.svelte-12gonr4),.social_2.svelte-12gonr4:hover svg:where(.svelte-12gonr4),.social_3.svelte-12gonr4:hover svg:where(.svelte-12gonr4){transform:scale(1.2)}.social_1.svelte-12gonr4:active svg:where(.svelte-12gonr4),.social_2.svelte-12gonr4:active svg:where(.svelte-12gonr4),.social_3.svelte-12gonr4:active svg:where(.svelte-12gonr4){transform:scale(.95);opacity:.8}.social_1.svelte-12gonr4:hover svg:where(.svelte-12gonr4){fill:#2dba4e;stroke:none}.social_2.svelte-12gonr4:hover svg:where(.svelte-12gonr4){fill:#00a0dc;stroke:none}.social_3.svelte-12gonr4:hover svg:where(.svelte-12gonr4){fill:#0057ff;stroke:none}@media screen and (max-width: 1000px){.menu_bar.svelte-12gonr4{display:none!important}.modal_button.svelte-12gonr4{display:flex!important;align-self:center}}footer.svelte-2wcx3h{display:flex;padding-block:var(--space-m) var(--space-l);justify-content:center;border-top:var(--basic-line-weight) solid var(--primary);background:var(--bg-color);width:100%}.footer_container.svelte-2wcx3h{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:var(--space-2xl);margin-inline:var(--space-l);max-width:var(--navbar-width);width:100%}.social_Container.svelte-2wcx3h{display:flex;flex-direction:column;gap:var(--space-xs);align-items:center;text-align:center}.social_Container.svelte-2wcx3h h2:where(.svelte-2wcx3h){margin:0;font-size:var(--fs-2);font-weight:600;letter-spacing:-.02em}.Socials.svelte-2wcx3h{display:flex;align-items:center;gap:var(--space-m)}.social_1.svelte-2wcx3h,.social_2.svelte-2wcx3h,.social_3.svelte-2wcx3h{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:.375rem;transition:all .2s ease;cursor:pointer}.social_1.svelte-2wcx3h svg:where(.svelte-2wcx3h),.social_2.svelte-2wcx3h svg:where(.svelte-2wcx3h),.social_3.svelte-2wcx3h svg:where(.svelte-2wcx3h){width:40px;height:40px;transition:transform .2s ease,fill .2s ease}.social_1.svelte-2wcx3h:hover,.social_2.svelte-2wcx3h:hover,.social_3.svelte-2wcx3h:hover{background:#1c1a140d}.social_1.svelte-2wcx3h:hover svg:where(.svelte-2wcx3h),.social_2.svelte-2wcx3h:hover svg:where(.svelte-2wcx3h),.social_3.svelte-2wcx3h:hover svg:where(.svelte-2wcx3h){transform:scale(1.15)}.social_1.svelte-2wcx3h:active svg:where(.svelte-2wcx3h),.social_2.svelte-2wcx3h:active svg:where(.svelte-2wcx3h),.social_3.svelte-2wcx3h:active svg:where(.svelte-2wcx3h){transform:scale(.95)}.social_1.svelte-2wcx3h:hover svg:where(.svelte-2wcx3h){fill:#2dba4e;stroke:none}.social_2.svelte-2wcx3h:hover svg:where(.svelte-2wcx3h){fill:#00a0dc;stroke:none}.social_3.svelte-2wcx3h:hover svg:where(.svelte-2wcx3h){fill:#0057ff;stroke:none}.sign.svelte-2wcx3h{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs);font-weight:300;flex:0 1 auto;text-align:right}.sign.svelte-2wcx3h p:where(.svelte-2wcx3h){margin:0;font-size:var(--fs-0)}.heart.svelte-2wcx3h{color:#f86060;display:inline-block;animation:heartbeat 3s infinite;animation-delay:1s;transform-origin:center}.license-notice.svelte-2wcx3h{font-size:.8em;opacity:.65;font-weight:300;letter-spacing:.01em}.license-link.svelte-2wcx3h{text-decoration:none;color:inherit;border-bottom:1px solid transparent;transition:opacity .2s ease,border-color .2s ease}.license-link.svelte-2wcx3h:hover{opacity:.8;border-bottom-color:currentColor}@media screen and (prefers-color-scheme: dark){.social_1.svelte-2wcx3h:hover,.social_2.svelte-2wcx3h:hover,.social_3.svelte-2wcx3h:hover{background:#ffffff14}}@media screen and (max-width: 1000px){.footer_container.svelte-2wcx3h{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:var(--space-l)}.sign.svelte-2wcx3h{align-items:center;width:100%;text-align:center}.social_Container.svelte-2wcx3h{align-items:center;width:100%}}