#hamburger.svelte-1ltwp5z{top:0;left:0;width:32px;height:32px;position:absolute;cursor:pointer;background:none;border:none;transition:.2s}#hamburger.svelte-1ltwp5z path:where(.svelte-1ltwp5z){stroke:var(--colour);fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;stroke-miterlimit:100;transition:.2s;transition-property:d,stroke,opacity;fill-rule:evenodd}.menu.svelte-1ltwp5z:hover path:where(.svelte-1ltwp5z){stroke:var(--sinon-red)!important}.menu.svelte-1ltwp5z #path1:where(.svelte-1ltwp5z){d:path("m4 25l24-20")}.menu.svelte-1ltwp5z #path2:where(.svelte-1ltwp5z){d:path("m16.5 16h0.5")}.menu.svelte-1ltwp5z #path3:where(.svelte-1ltwp5z){d:path("m4 5l24 20")}.menu.svelte-ocbj1u{top:0;left:0;width:100vw;height:100vh;z-index:1000;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center}@media screen and (max-width:768px){.menu.svelte-ocbj1u{height:110dvh;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1.2fr}}.menu.svelte-ocbj1u{position:fixed;top:0;left:0;z-index:2001}.nav-left.svelte-ocbj1u{display:flex;align-items:center;gap:1rem;flex:1}.navBar.svelte-ocbj1u{position:fixed;top:0;left:0;width:100vw;height:4rem;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:transparent;transition:background .5s ease}#monogram.svelte-ocbj1u{align-self:baseline;background:none;border:none;color:#fff;font-size:1.5rem;margin-top:-.2rem;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;pointer-events:auto}.skillpage.svelte-ocbj1u{color:var(--sinon-black)!important}.navbarFill.svelte-ocbj1u{background:var(--sinon-black);opacity:1}.navbarFill.svelte-ocbj1u #monogram:where(.svelte-ocbj1u){color:#fff}@keyframes svelte-ocbj1u-fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:780px){.nav-left.svelte-ocbj1u{gap:.75rem}}.hamburger.svelte-ocbj1u{position:fixed;top:1rem;right:2rem;z-index:2002;width:2rem;height:2rem;background:none;border:none}.page.svelte-1ggt7ks{display:contents}.wipe.svelte-1ggt7ks{--angle: 20deg;position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none;contain:strict}.wipe[data-phase=idle].svelte-1ggt7ks{visibility:hidden}@media(max-aspect-ratio:12/10){.wipe.svelte-1ggt7ks{--angle: 10deg}}.frame.svelte-1ggt7ks{position:absolute;top:50%;left:50%;rotate:var(--angle)}.band.svelte-1ggt7ks{--w: calc(100vw*cos(var(--angle)) + 100vh*sin(var(--angle)) + 4px) ;--h: calc(100vh*cos(var(--angle)) + 100vw*sin(var(--angle)) + 4px) ;--wave: calc(var(--w) * 320 / 1440);position:absolute;width:var(--w);height:var(--h);left:calc(var(--w) / -2);top:calc(var(--h) / -2);background:var(--wipe-colour)}.wipe.svelte-1ggt7ks:not([data-phase=idle]) .band:where(.svelte-1ggt7ks){will-change:transform}.wave.svelte-1ggt7ks{position:absolute;left:0;width:100%;height:var(--wave);display:block;fill:var(--wipe-colour)}.wave.top.svelte-1ggt7ks{bottom:calc(100% - 1px)}.wave.bottom.svelte-1ggt7ks{top:calc(100% - 1px);rotate:180deg}.intro.svelte-1ggt7ks .band:where(.svelte-1ggt7ks){animation:svelte-1ggt7ks-wipe-intro .5s ease-in forwards}@keyframes svelte-1ggt7ks-wipe-intro{to{transform:translateY(calc(-100% - var(--wave)))}}
