div.svelte-xfsaho{height:100%;width:100%;display:block;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}li.svelte-10vkw76{margin:1rem;padding:0;width:1rem;height:1rem}button.svelte-10vkw76{height:100%;width:100%;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent}i.svelte-10vkw76{width:40%;height:40%;transition:width 1s,height 1s;border-radius:50%;background-color:#767676}.svelte-fp-active-dot.svelte-10vkw76{width:100%;height:100%}@media only screen and (max-width: 600px){li.svelte-10vkw76{margin:.5rem}}div.svelte-tl5y4n{height:100%;width:auto;overflow:hidden;position:absolute;z-index:100;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}ul.svelte-tl5y4n{margin:1rem;padding:1rem;list-style-type:none}@media only screen and (max-width: 600px){ul.svelte-tl5y4n{margin:.3rem;padding:.3rem}}div.svelte-g77f9s{height:100%;width:100%;max-height:100%;position:relative}div.svelte-1aw8j50{height:100%;width:100%;position:relative;flex:1;touch-action:none;overflow:hidden;-webkit-user-select:none;user-select:none}.slidable.svelte-1aw8j50{display:flex;flex-direction:row}.svelte-fp-flexbox-center.svelte-1aw8j50{display:flex;justify-content:center;align-items:center}div.svelte-leld1s{width:100%;height:auto;overflow:hidden;position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}ul.svelte-leld1s{margin:1rem;padding:1rem;list-style-type:none;display:flex}@media only screen and (max-width: 600px){ul.svelte-leld1s{margin:.3rem;padding:.3rem}}section.svelte-12zlcqb{height:100%;width:100%;position:relative}div.svelte-1v9wt3c{height:100%;width:100%;min-width:100%;position:relative}.svelte-fp-flexbox-center.svelte-1v9wt3c{display:flex;justify-content:center;align-items:center}@font-face{font-family:SFDistantGalaxy;src:url(../../../fonts/SFDistantGalaxy.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SFDistantGalaxyOutline;src:url(../../../fonts/SFDistantGalaxyAltOutline.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PressStart2P;src:url(../../../fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes svelte-1ic4njf-lightsaber-sweep{0%{left:0;width:0;box-shadow:0 0 #ffe81f,0 0 #ffe81f,0 0 #ffe81f}50%{left:0;width:100%;box-shadow:0 0 10px #ffe81f,0 0 20px #ffe81f,0 0 30px #ffe81f}to{left:100%;width:0;box-shadow:0 0 #ffe81f,0 0 #ffe81f,0 0 #ffe81f}}@keyframes svelte-1ic4njf-textShine{0%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes svelte-1ic4njf-bounce{0%,to{transform:translateY(0);color:#fff}50%{transform:translateY(-.4rem);color:#ffe81f}}@keyframes svelte-1ic4njf-underline-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}body{cursor:url(../../../cursor/smallsaber.png) 12 12,crosshair}body:active{cursor:url(../../../cursor/activesmallsaber.png) 12 12,crosshair}ul.svelte-fp-section-indicator>li>button:hover,ul.svelte-fp-slide-indicator>li>button:hover{cursor:url(../../../cursor/hoversmallsaber.png) 12 12,crosshair}ul.svelte-fp-section-indicator>li>button:hover:active,ul.svelte-fp-slide-indicator>li>button:hover:active{cursor:url(../../../cursor/hoveractivesmallsaber.png) 12 12,crosshair}html,body{height:100vh;width:100%;overflow:visible;background-color:transparent;color:#fff}.svelte-fp-section-indicator,.svelte-fp-slide-indicator{overflow:visible!important}ul.svelte-fp-section-indicator>li>button,ul.svelte-fp-slide-indicator>li>button{position:relative}ul.svelte-fp-section-indicator>li>button,ul.svelte-fp-slide-indicator>li>button{height:.6rem;width:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:5px;background:transparent}ul.svelte-fp-section-indicator>li>button>i,ul.svelte-fp-slide-indicator>li>button>i{background-color:#fff;height:40%;width:40%;transition:height .3s,width .3s}ul.svelte-fp-section-indicator>li>button>i:hover,ul.svelte-fp-slide-indicator>li>button>i:hover{background-color:#ffe81f;height:80%;width:80%}ul.svelte-fp-section-indicator>li>button:before,ul.svelte-fp-slide-indicator>li>button:before{content:attr(title);position:absolute;opacity:0;transition:opacity .3s,font-size .3s,background-color .3s,padding .3s,border-radius .3s;pointer-events:none;color:#fff;font-family:SFDistantGalaxyOutline,sans-serif;font-weight:800;font-size:2.5rem;white-space:nowrap}ul.svelte-fp-section-indicator>li>button:before{right:120%;margin-right:.2rem}ul.svelte-fp-slide-indicator>li>button:before{bottom:280%;left:50%;transform:translate(-50%);margin-bottom:.2rem}ul.svelte-fp-section-indicator>li>button:hover:before,ul.svelte-fp-slide-indicator>li>button:hover:before{opacity:1;font-size:1.2rem;background-color:#ffffff1a;padding:.3rem .6rem;border-radius:.5rem}div.svelte-fp-flexbox-center{flex-direction:column}.lightsaber.in-view:after{content:"";position:absolute;top:50%;left:0;width:0;height:20%;background-color:#ffe81f;mix-blend-mode:screen;border-radius:2px;box-shadow:0 0 10px #ffe81f,0 0 20px #ffe81f,0 0 30px #ffe81f;animation:svelte-1ic4njf-lightsaber-sweep 1.2s forwards;transform:translateY(-50%);z-index:1}.shine{background:linear-gradient(45deg,#fff 20%,#ffe81f,#fff,#ffe81f 80%,#fff 80%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:500%,auto;animation:svelte-1ic4njf-textShine 1s ease-out;animation-iteration-count:2;animation-direction:alternate}h1:has(a.lightsaber.in-view):before{content:"";position:absolute;left:0;bottom:-.2rem;width:100%;height:.1rem;background:linear-gradient(90deg,#ffe81f,#fff,#ffe81f);transform:scaleX(0);transform-origin:left;animation:svelte-1ic4njf-underline-grow 2s forwards}strong.svelte-1ic4njf{font-weight:1000;background:linear-gradient(45deg,#ffe81f 25%,#fff,#ffe81f 75%,#fff 75%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:500%,auto;animation:svelte-1ic4njf-textShine 4s forwards ease-out;animation-direction:alternate;animation-iteration-count:infinite}h1.svelte-1ic4njf{font-family:SFDistantGalaxy,sans-serif;font-weight:200;font-size:3rem;text-align:center;position:relative;display:inline-block;overflow:visible;max-width:85%}h1.demo.svelte-1ic4njf:after{content:"live demo";line-height:.6rem;font-family:PressStart2P,cursive;position:absolute;bottom:110%;left:98%;font-size:.5rem;animation:svelte-1ic4njf-bounce 1.3s ease-in-out infinite}h3.svelte-1ic4njf{font-family:SFDistantGalaxyOutline,sans-serif;font-weight:800;font-size:1.5rem}div.skillcontainer.svelte-1ic4njf{display:flex;flex-direction:column;align-items:flex-start;max-width:85%}p.svelte-1ic4njf{font-family:PressStart2P,cursive;font-size:.8rem;line-height:1.6rem;text-align:center;max-width:85%}p.skills.svelte-1ic4njf{text-wrap:wrap;text-align:left;max-width:100%;line-height:1.4rem}p.power.svelte-1ic4njf{justify-self:flex-end;font-size:.5rem}a.svelte-1ic4njf{color:#fff;display:inline-block;position:relative;text-decoration:none}a.link.svelte-1ic4njf{font-family:PressStart2P,cursive;font-size:.5rem;text-decoration:underline}.techContainer.svelte-1ic4njf{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem 0;gap:.5rem}.tech.svelte-1ic4njf{background-color:#ffffff1a;padding:.3rem .6rem;border-radius:.5rem;font-family:PressStart2P,cursive;font-size:.6rem;text-wrap:nowrap}.tech.svelte-1ic4njf:hover{background-color:#ffffff4d;color:#ffe81f;cursor:url(../../../cursor/hoversmallsaber.png) 12 12,auto}.tech.svelte-1ic4njf:hover:active{cursor:url(../../../cursor/hoveractivesmallsaber.png) 12 12,auto}.lightsaber.svelte-1ic4njf:hover,h3.svelte-1ic4njf:hover,a.svelte-1ic4njf:hover,.contact.svelte-1ic4njf:hover{background:linear-gradient(45deg,#ffe81f 25%,#fff,#ffe81f 75%,#fff 75%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:500%,auto;animation:svelte-1ic4njf-textShine 1s forwards ease-out;cursor:url(../../../cursor/hoversmallsaber.png) 12 12,auto}.lightsaber.svelte-1ic4njf:hover:active,h3.svelte-1ic4njf:hover:active,a.svelte-1ic4njf:hover:active,.contact.svelte-1ic4njf:hover:active{cursor:url(../../../cursor/hoveractivesmallsaber.png) 12 12,auto}.contact-container.svelte-1ic4njf{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin:0 auto}.contact-link.svelte-1ic4njf{display:flex;align-items:center;gap:.8rem}.contact-link.svelte-1ic4njf:hover svg:where(.svelte-1ic4njf) path:where(.svelte-1ic4njf){fill:#ffe81f}.contact.svelte-1ic4njf{font-family:PressStart2P,cursive;font-size:.8rem;background:linear-gradient(45deg,#ffe81f 25%,#fff,#ffe81f 75%,#fff 75%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:500%,auto;animation:svelte-1ic4njf-textShine 4s ease-out;animation-direction:alternate;animation-iteration-count:infinite}@media (max-width: 768px){p.svelte-1ic4njf{width:80%;font-size:.7rem;line-height:1.4rem}p.power.svelte-1ic4njf,a.link.svelte-1ic4njf{font-size:.4rem}div.skillcontainer.svelte-1ic4njf{align-items:center}}@media (max-width: 480px){h1.svelte-1ic4njf{font-size:1.5rem}h3.svelte-1ic4njf{font-size:.8rem}p.svelte-1ic4njf{width:80%;font-size:.45rem;line-height:1.2rem}h1.demo.svelte-1ic4njf:after{font-size:.3rem}p.power.svelte-1ic4njf,a.link.svelte-1ic4njf{font-size:.35rem}.techContainer.svelte-1ic4njf{width:80%;text-wrap:nowrap}div.skillcontainer.svelte-1ic4njf{align-items:center}span.tech.svelte-1ic4njf{font-size:.4rem}.contact.svelte-1ic4njf{font-size:.6rem}.contact-link.svelte-1ic4njf{gap:.6rem}p.description.svelte-1ic4njf{font-size:.6rem;line-height:1.2rem}}@media (max-height: 500px){h1.svelte-1ic4njf{font-size:1.5rem;margin-bottom:.5rem}h3.svelte-1ic4njf{font-size:.8rem;margin-bottom:0}p.svelte-1ic4njf{width:80%;font-size:.4rem;line-height:1rem}h1.demo.svelte-1ic4njf:after{font-size:.3rem}p.power.svelte-1ic4njf{font-size:.35rem}a.link.svelte-1ic4njf{font-size:.35rem;z-index:1}.techContainer.svelte-1ic4njf{width:80%;text-wrap:nowrap;margin-bottom:.3rem}div.skillcontainer.svelte-1ic4njf{align-items:center}span.tech.svelte-1ic4njf{font-size:.4rem}.contact.svelte-1ic4njf{font-size:.6rem}.contact-link.svelte-1ic4njf{gap:.6rem}p.description.svelte-1ic4njf{font-size:.6rem;line-height:1.2rem}}
