:root{--nav-height: 136px;--footer-height: 100px}html,body{height:100%;margin:0;padding:0}body{background-color:#16142a;padding:0;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}nav.svelte-axj3bi{background-color:#0a081d;box-shadow:3px 3px 5px #0000001a;width:100%;position:fixed;top:0;left:0;z-index:1000}nav.svelte-axj3bi ul:where(.svelte-axj3bi){width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center;padding:0;margin:0}nav.svelte-axj3bi li:where(.svelte-axj3bi){height:136px;line-height:50px;padding:0 20px}nav.svelte-axj3bi a:where(.svelte-axj3bi){color:#d5b8e2;height:100%;text-decoration:none;display:flex;padding:0 30px;font-size:36px;font-style:normal;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:600;line-height:normal;align-items:center;transition:color .3s ease}nav.svelte-axj3bi a.active:where(.svelte-axj3bi){color:#7d73ec}nav.svelte-axj3bi a:where(.svelte-axj3bi):hover{background-color:#16142a}nav.svelte-axj3bi li:where(.svelte-axj3bi):first-child{margin-right:auto}nav.svelte-axj3bi li:where(.svelte-axj3bi):first-child a:where(.svelte-axj3bi){color:#7d73ec;white-space:nowrap;min-width:fit-content}.sidebar.svelte-axj3bi{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:#16142a;box-shadow:-10px 0 10px #0000001a;flex-direction:column;align-items:flex-start;justify-content:flex-start;display:none}.sidebar.svelte-axj3bi li:where(.svelte-axj3bi){width:100%}.sidebar.svelte-axj3bi a:where(.svelte-axj3bi){width:100%}main.svelte-axj3bi{display:flex;justify-content:center;align-items:center;width:100%;flex-grow:1;box-sizing:border-box;padding-top:var(--nav-height);min-height:calc(100vh - var(--nav-height) - var(--footer-height))}.menu-button.svelte-axj3bi{display:none}.hide-on-desktop-nav.svelte-axj3bi{display:flex}.projects-content.svelte-axj3bi{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;padding:20px;width:100%;max-width:1800px;height:100%;max-height:950px;box-sizing:border-box}.project-gallery.svelte-axj3bi{display:flex;width:100%;height:100%;background-color:#0a081d;border-radius:40px;flex-direction:row;align-items:center;justify-content:center}.column-content.svelte-axj3bi{display:flex;flex-direction:column;align-items:center;justify-content:center;width:85%;height:95%;padding:20px;box-sizing:border-box;border-radius:40px;gap:30px}.project-image.svelte-axj3bi{width:100%;max-width:1600px;height:55%;border-radius:32px;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#e0e1dd;flex-shrink:0}.gallery-photo.svelte-axj3bi{width:100%;height:100%;object-fit:contain;border-radius:32px}.side-button.svelte-axj3bi{background-color:#282450;width:70px;height:90%;border-radius:32px;display:flex;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;transition:background-color .3s ease;align-content:center;transform:translate(5px)}.side-button.svelte-axj3bi:hover{background-color:#3f3b79}.side-button.svelte-axj3bi svg:where(.svelte-axj3bi){height:48px;width:48px;fill:#d5b8e2}.description.svelte-axj3bi{width:100%;height:45%;background-color:#16142a;border-radius:32px;padding:10px 20px;box-sizing:border-box;align-content:center;overflow-y:hidden}h1.svelte-axj3bi{color:#bc95d1;font-family:Titan One;font-size:36px;font-style:normal;font-weight:400;line-height:1.1;margin-top:0;margin-bottom:.1em}h2.svelte-axj3bi{color:#d5b8e2;font-family:Titan One;font-size:28px;font-style:normal;font-weight:400;line-height:1.1;margin-top:.3em;margin-bottom:.1em}p.svelte-axj3bi{color:#e0e1dd;font-weight:600;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;line-height:1.3;margin-top:.3em;margin-bottom:.4em}p.date.svelte-axj3bi,p.tech-description.svelte-axj3bi,p.project-description.svelte-axj3bi{font-size:20px}@media (min-width: 1051px) and (max-width: 1200px){main.svelte-axj3bi{min-height:unset;align-items:flex-start;justify-content:flex-start}.projects-content.svelte-axj3bi{min-height:calc(100vh - var(--nav-height) - var(--footer-height) + 200px);max-height:calc(100vh - var(--nav-height) - var(--footer-height) + 200px);padding:25px;gap:35px}.project-gallery.svelte-axj3bi{height:100%}.column-content.svelte-axj3bi{height:95%;padding:25px;gap:35px}.project-image.svelte-axj3bi{height:58%}.description.svelte-axj3bi{height:42%}h1.svelte-axj3bi{font-size:38px}h2.svelte-axj3bi{font-size:30px}p.date.svelte-axj3bi,p.tech-description.svelte-axj3bi,p.project-description.svelte-axj3bi{font-size:22px}}@media (max-width: 1050px){:root{--nav-height: 70px}.hide-on-desktop-nav.svelte-axj3bi{display:none}.menu-button.svelte-axj3bi{display:list-item}.sidebar.svelte-axj3bi{display:flex;opacity:95%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav.svelte-axj3bi ul:where(.svelte-axj3bi){height:70px}nav.svelte-axj3bi li:where(.svelte-axj3bi){height:70px}main.svelte-axj3bi{padding-top:var(--nav-height)}.projects-content.svelte-axj3bi{flex-direction:row;align-items:center;max-height:unset;height:auto;padding:10px}.project-gallery.svelte-axj3bi{flex-direction:row;height:auto;padding:10px;gap:10px}.column-content.svelte-axj3bi{width:calc(100% - 140px);height:auto;padding:10px;gap:15px}.project-image.svelte-axj3bi{height:auto}.side-button.svelte-axj3bi{width:50px;height:calc(100% - 20px);margin-bottom:0;transform:translate(0)}.side-button.left-arrow.svelte-axj3bi,.side-button.right-arrow.svelte-axj3bi{order:unset}.side-button.svelte-axj3bi svg:where(.svelte-axj3bi){height:36px;width:36px}}@media (max-width: 768px){nav.svelte-axj3bi li:where(.svelte-axj3bi){padding:0 10px}nav.svelte-axj3bi a:where(.svelte-axj3bi){font-size:24px;padding:0 15px}nav.svelte-axj3bi li:where(.svelte-axj3bi):first-child a:where(.svelte-axj3bi){font-size:26px;padding:0 10px}.sidebar.svelte-axj3bi li:where(.svelte-axj3bi){width:100%}.sidebar.svelte-axj3bi a:where(.svelte-axj3bi){font-size:24px;padding:0 20px}h1.svelte-axj3bi{font-size:28px}h2.svelte-axj3bi{font-size:22px}p.date.svelte-axj3bi,p.tech-description.svelte-axj3bi,p.project-description.svelte-axj3bi{font-size:18px}.description.svelte-axj3bi{padding:10px}.column-content.svelte-axj3bi{width:calc(100% - 120px)}.side-button.svelte-axj3bi{width:40px}}@media (max-width: 500px){nav.svelte-axj3bi li:where(.svelte-axj3bi):first-child a:where(.svelte-axj3bi){font-size:20px}h1.svelte-axj3bi{font-size:24px}h2.svelte-axj3bi{font-size:18px}p.date.svelte-axj3bi,p.tech-description.svelte-axj3bi{font-size:15px}p.project-description.svelte-axj3bi{font-size:14px;line-height:1.3}.side-button.svelte-axj3bi{width:35px;height:calc(100% - 10px)}.side-button.svelte-axj3bi svg:where(.svelte-axj3bi){height:30px;width:30px}.description.svelte-axj3bi{padding:5px 10px}.column-content.svelte-axj3bi{width:calc(100% - 90px);gap:10px}}@media (max-width: 350px){h1.svelte-axj3bi{font-size:20px}h2.svelte-axj3bi{font-size:16px}p.date.svelte-axj3bi,p.tech-description.svelte-axj3bi{font-size:13px}p.project-description.svelte-axj3bi{font-size:12px;line-height:1.2}.column-content.svelte-axj3bi{width:calc(100% - 80px)}.side-button.svelte-axj3bi{width:30px}.side-button.svelte-axj3bi svg:where(.svelte-axj3bi){height:24px;width:24px}}footer.svelte-axj3bi{background-color:#0a081d;color:#d5b8e2;padding:20px 0;text-align:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:600;font-size:1.2em;flex-shrink:0;width:100%}footer.svelte-axj3bi p:where(.svelte-axj3bi){margin:5px 0}@media (max-width: 768px){footer.svelte-axj3bi{font-size:1em;padding:15px 0}}@media (max-width: 500px){footer.svelte-axj3bi{font-size:.9em;padding:10px 0}}