/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2025 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/@font-face{font-family:Satoshi-Light;src:url(../fonts/Satoshi-Light.woff2) format("woff2"),url(../fonts/Satoshi-Light.woff) format("woff"),url(../fonts/Satoshi-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(../fonts/Satoshi-LightItalic.woff2) format("woff2"),url(../fonts/Satoshi-LightItalic.woff) format("woff"),url(../fonts/Satoshi-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(../fonts/Satoshi-Regular.woff2) format("woff2"),url(../fonts/Satoshi-Regular.woff) format("woff"),url(../fonts/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(../fonts/Satoshi-Italic.woff2) format("woff2"),url(../fonts/Satoshi-Italic.woff) format("woff"),url(../fonts/Satoshi-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(../fonts/Satoshi-Medium.woff2) format("woff2"),url(../fonts/Satoshi-Medium.woff) format("woff"),url(../fonts/Satoshi-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(../fonts/Satoshi-MediumItalic.woff2) format("woff2"),url(../fonts/Satoshi-MediumItalic.woff) format("woff"),url(../fonts/Satoshi-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(../fonts/Satoshi-Bold.woff2) format("woff2"),url(../fonts/Satoshi-Bold.woff) format("woff"),url(../fonts/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(../fonts/Satoshi-BoldItalic.woff2) format("woff2"),url(../fonts/Satoshi-BoldItalic.woff) format("woff"),url(../fonts/Satoshi-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(../fonts/Satoshi-Black.woff2) format("woff2"),url(../fonts/Satoshi-Black.woff) format("woff"),url(../fonts/Satoshi-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(../fonts/Satoshi-BlackItalic.woff2) format("woff2"),url(../fonts/Satoshi-BlackItalic.woff) format("woff"),url(../fonts/Satoshi-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(/fonts/Satoshi-Variable.woff2) format("woff2"),url(../fonts/Satoshi-Variable.woff) format("woff"),url(../fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(../fonts/Satoshi-VariableItalic.woff2) format("woff2"),url(../fonts/Satoshi-VariableItalic.woff) format("woff"),url(../fonts/Satoshi-VariableItalic.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}.time-line-container>div:last-child .education__time>.education__line{display:none}body{opacity:0;animation:fadeIn 1s forwards;overflow:hidden}@keyframes fadeIn{to{opacity:1}}html{scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;font-family:Satoshi-Variable;font-weight:500}svg{top:0;left:0;width:100%;height:100%}a{text-decoration:none;color:#000;margin-left:1em}a img.icon{display:inline-block;height:1em;margin:0 0 -.1em .3em}#william{font-weight:700}#name{text-shadow:rgba(0,0,0,.4) 5px 5px;font-weight:900}#desc{font-weight:800}.about{display:flex;flex-direction:row;width:100%;height:-moz-fit-content;height:fit-content}#about{scroll-margin-top:11rem}#top{scroll-margin-top:12rem}#projects{scroll-margin-top:8rem}#project-header{font-weight:800}.sec-2 .reveal{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#e9efec;transition:1.5s}.show .reveal{width:0}.animate-tool{transform:translate(300%);transition:1s}.show .animate-tool{transform:translate(0);transition:1s}.about-A,.about-B{width:50%}.about-A{background-color:#e9efec}.about-B{background-color:#d6e1db}#about-header,#tools-header{font-weight:800}.tool-list{display:flex;flex-wrap:wrap}.tool{padding:.7rem 1.5rem;margin-bottom:1.5rem;margin-right:1rem;font-size:.9rem;background-color:#16423c53;border-radius:5px;font-weight:700;color:#000;box-shadow:8px 8px 2px 1px #00000073}.show .tool:hover{transform:scale(105%);transition:.2s}.card-wrap{display:flex;flex-direction:row;gap:1em;flex-wrap:wrap}.card{padding:.5rem 1rem;font-size:.9rem;background-color:#d6e1db;border-radius:5px;font-weight:600;color:#000;transition:.2s}.typewriter h1{overflow:hidden;white-space:nowrap;border-right:5px solid;animation:typing 1.7s steps(18) forwards,hideBorder 0s 1s forwards}@keyframes typing{0%{width:0}to{width:18ch}}@keyframes hideBorder{to{border-right:none}}@media screen and (max-width: 650px){.about{flex-direction:column}.about-A,.about-B{width:100%}.B-content,.A-content{width:83%}#desc{width:100%}}@media screen and (max-width: 1100px){.typewriter h1{animation:none;width:100%;border-right:none;white-space:inherit;overflow:visible}}.slideshow-container{max-width:1200px;position:relative;margin:0}.mySlides{display:none}.prev,.next{cursor:pointer;position:absolute;top:50%;width:50px;height:50px;color:#000;font-weight:700;font-size:25px;transition:.2s ease;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#80808075;line-height:50px;text-align:center}.next{right:2%;border-radius:50%}.prev:hover,.next:hover{background-color:#000c;color:#fff}.dot{cursor:pointer;height:1rem;width:1rem;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{animation-name:fade;animation-duration:.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}#hamburger-menu[data-astro-cid-3ef6ksr2]{width:25px;height:auto;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}#hamburger-menu[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;height:5px;width:100%;margin:15%;background:#0b795a;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#hamburger-menu[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(1){transform-origin:left center}#hamburger-menu[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(2){transform-origin:left center}#hamburger-menu[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(3){transform-origin:left center}#hamburger-menu[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(1){transform:rotate(45deg)}#hamburger-menu[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(2){width:0%;opacity:0}#hamburger-menu[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(3){transform:rotate(-45deg)}.nav-up[data-astro-cid-3ef6ksr2]{animation:moveUp .3s ease-in-out forwards}.nav-down[data-astro-cid-3ef6ksr2]{animation:moveDown .3s ease-in-out forwards}.nav-down[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{animation:fadeIn .7s ease-in-out forwards}@keyframes fadeIn{0%{opacity:20%}to{opacity:100%}}@keyframes moveDown{0%{transform:translateY(-100%);clip-path:ellipse(60% 100% at top)}70%{clip-path:ellipse(100% 100% at top)}90%{clip-path:ellipse(180% 100% at top)}to{transform:translateY(25%)}}@keyframes moveUp{0%{transform:translateY(25%)}to{transform:translateY(-100%)}}#navbar-wrapper[data-astro-cid-3ef6ksr2]{animation:slideDown 1s ease-in-out forwards}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}