: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-1ai7853{background-color:#0a081d;box-shadow:3px 3px 5px #0000001a;width:100%;position:fixed;top:0;left:0;z-index:1000}nav.svelte-1ai7853 ul:where(.svelte-1ai7853){width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center;padding:0;margin:0}nav.svelte-1ai7853 li:where(.svelte-1ai7853){height:136px;line-height:50px;padding:0 20px}nav.svelte-1ai7853 a:where(.svelte-1ai7853){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-1ai7853 a.active:where(.svelte-1ai7853){color:#7d73ec}nav.svelte-1ai7853 a:where(.svelte-1ai7853):hover{background-color:#16142a}nav.svelte-1ai7853 li:where(.svelte-1ai7853):first-child{margin-right:auto}nav.svelte-1ai7853 li:where(.svelte-1ai7853):first-child a:where(.svelte-1ai7853){color:#7d73ec;white-space:nowrap;min-width:fit-content}.sidebar.svelte-1ai7853{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-1ai7853 li:where(.svelte-1ai7853){width:100%}.sidebar.svelte-1ai7853 a:where(.svelte-1ai7853){width:100%}main.svelte-1ai7853{display:flex;justify-content:center;align-items:flex-start;width:100%;flex-grow:1;box-sizing:border-box;padding-top:var(--nav-height);padding-bottom:var(--footer-height);flex-direction:column}.menu-button.svelte-1ai7853{display:none}.hide-on-desktop-nav.svelte-1ai7853{display:flex}.skills-content.svelte-1ai7853{width:90%;max-width:1200px;margin:40px auto;display:flex;flex-direction:column;gap:40px}.skill-category-section.svelte-1ai7853{width:100%;display:flex;flex-direction:column;align-items:center}h1.svelte-1ai7853{color:#bc95d1;font-family:Titan One;font-size:48px;font-style:normal;font-weight:400;line-height:normal;height:40px;flex-shrink:0;text-align:center;margin-bottom:40px}.skill-list-container.svelte-1ai7853{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1200px}.box-skill.svelte-1ai7853:hover{background-color:#0a081d75}.box-skill.svelte-1ai7853{background-color:#0a081d;width:225px;height:225px;border-radius:40px;display:flex;justify-content:center;align-items:center}.inner-box.svelte-1ai7853{background-color:#282450;width:175px;height:175px;border-radius:32px;display:flex;justify-content:center;align-items:center}p.svelte-1ai7853{color:#bbb;font-family:Titan One;font-size:19px;font-style:normal;font-weight:400;line-height:normal;text-align:center;margin:0;padding:5px;word-break:break-word;box-sizing:border-box}@media (max-width: 1050px){:root{--nav-height: 70px}.hide-on-desktop-nav.svelte-1ai7853{display:none}.menu-button.svelte-1ai7853{display:list-item}.sidebar.svelte-1ai7853{display:flex;opacity:95%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav.svelte-1ai7853 ul:where(.svelte-1ai7853){height:70px}nav.svelte-1ai7853 li:where(.svelte-1ai7853){height:70px}main.svelte-1ai7853{padding-top:var(--nav-height)}h1.svelte-1ai7853{font-size:36px;height:auto;max-width:90%;line-height:1.2}}@media (max-width: 768px){nav.svelte-1ai7853 li:where(.svelte-1ai7853){padding:0 10px}nav.svelte-1ai7853 a:where(.svelte-1ai7853){font-size:24px;padding:0 15px}nav.svelte-1ai7853 li:where(.svelte-1ai7853):first-child a:where(.svelte-1ai7853){font-size:26px;padding:0 10px}.sidebar.svelte-1ai7853 li:where(.svelte-1ai7853){width:100%}.sidebar.svelte-1ai7853 a:where(.svelte-1ai7853){font-size:24px;padding:0 20px}.skills-content.svelte-1ai7853{width:95%}}@media (max-width: 500px){h1.svelte-1ai7853{font-size:28px}.box-skill.svelte-1ai7853{width:180px;height:180px}.inner-box.svelte-1ai7853{width:140px;height:140px}p.svelte-1ai7853{font-size:20px}.skill-list-container.svelte-1ai7853{gap:10px}}@media (max-width: 350px){.box-skill.svelte-1ai7853{width:150px;height:150px}.inner-box.svelte-1ai7853{width:120px;height:120px}p.svelte-1ai7853{font-size:18px}}footer.svelte-1ai7853{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-1ai7853 p:where(.svelte-1ai7853){margin:5px 0}@media (max-width: 768px){footer.svelte-1ai7853{font-size:1em;padding:15px 0}}@media (max-width: 500px){footer.svelte-1ai7853{font-size:.9em;padding:10px 0}}