@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap);:root[data-theme=light]{--bg-color:#fff;--text-color:#333;--text-color-secondary:rgba(51,51,51,.7);--blob-bg:#f0f0f0;--blob-opacity:0.25;--section-border:rgba(0,0,0,.1);--vl-color:rgba(0,0,0,.1);--project-bg:hsla(0,0%,100%,.3);--project-hover:hsla(0,0%,100%,.55);--project-border:hsla(0,0%,60%,.2);--skill-bg:hsla(0,0%,100%,.35);--skill-hover:hsla(0,0%,100%,.1);--lang-python-bg:#e6f3ff;--lang-python-text:#0078d4;--lang-js-bg:#fff8e6;--lang-js-text:#b38600;--lang-vue-bg:#e6fff0;--lang-vue-text:#2e7d32;--lang-node-bg:#e6ffe6;--lang-node-text:#2e7d32;--lang-html-bg:#ffe6e6;--lang-html-text:#d32f2f;--lang-electron-bg:#e6f9ff;--lang-electron-text:#0288d1;--lang-csharp-bg:#e6f3ff;--lang-csharp-text:#0078d4;--lang-unity-bg:#f5f5f5;--lang-unity-text:#333;--lang-react-text:#04dafd;--lang-react-bg:#e8fcff;--lang-supabase-text:#3bcb8a;--lang-supabase-bg:#f2fff9}:root[data-theme=dark]{--bg-color:#0e0c0f;--text-color:hsla(0,0%,100%,.95);--text-color-secondary:hsla(0,0%,100%,.7);--blob-bg:#222;--blob-opacity:0.2;--section-border:hsla(0,0%,100%,.2);--vl-color:hsla(0,0%,100%,.1);--project-bg:hsla(0,0%,100%,.05);--project-hover:hsla(0,0%,100%,.08);--project-border:hsla(0,0%,100%,.1);--skill-bg:hsla(0,0%,100%,.063);--skill-hover:hsla(0,0%,100%,.073);--lang-python-bg:#62b5fa30;--lang-python-text:#2897ff;--lang-js-bg:#ffdc2830;--lang-js-text:#fbda38;--lang-vue-bg:#44eba030;--lang-vue-text:#5bdda3;--lang-node-bg:#4bc94830;--lang-node-text:#4bc948;--lang-html-bg:#e34c2625;--lang-html-text:#ff6139;--lang-electron-bg:#00e6ff33;--lang-electron-text:#85ddff;--lang-csharp-bg:rgba(52,197,255,.3);--lang-csharp-text:#34c6ff;--lang-unity-bg:rgba(0,0,0,.363);--lang-unity-text:#fff;--lang-react-text:#04dafd;--lang-react-bg:#303d3f;--lang-supabase-text:#3bcb8a;--lang-supabase-bg:#244033}*{font-family:Geist,sans-serif}body{margin:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}.blob-outer-container{position:fixed;height:100%;width:100%;z-index:-1;inset:0;margin:auto;filter:blur(100px);opacity:var(--blob-opacity)}.blob-inner-container{border-radius:99999px;min-width:1000px;overflow:hidden;background-color:var(--blob-bg);transform:scale(.5);transition:background-color .3s ease}.blob,.blob-inner-container{position:absolute;inset:0;margin:auto;width:100vw;height:100vh}.blob{background:conic-gradient(from 0deg,#5448c8,#0cce6b,#fea82f,#ff2e00,#5e2749,#5448c8);animation:spinBlob 10s linear infinite}@keyframes spinBlob{0%{transform:rotate(0deg) scale(2)}to{transform:rotate(1turn) scale(2)}}.page{width:calc(100% - 30rem);height:calc(100% - 10rem);color:var(--text-color);display:flex;justify-content:center;position:absolute;z-index:1;padding:5rem 15rem}.page>div{width:35rem;max-width:35rem}.title{font-size:3.75rem;font-weight:700;background:-webkit-linear-gradient(var(--text-color),var(--text-color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.25rem;color:var(--text-color-secondary)}.page>div{padding:1rem;flex-shrink:0}.page>.left{justify-content:space-between;cursor:default;position:fixed;height:calc(100% - 10rem);margin-left:-35rem}.intro,.page>.left{display:flex;flex-direction:column}.connections{display:flex;gap:10px;font-size:1.5rem}.connections>span{font-size:.85rem;color:var(--text-color-secondary)!important}.jcsb{width:80%;justify-content:space-between;align-items:center}.jcsb>span{font-size:1rem;color:var(--text-color-secondary);margin-left:-41px}.connections a{color:var(--text-color);transition:color .3s ease}.connections a:hover{color:var(--text-color-secondary)}.s2{font-size:1.5rem}.page>.right{margin-left:35rem;max-width:35rem;width:35rem}.section:not(:first-child){padding-top:1rem}.section:not(:last-child){padding-bottom:2rem;border-bottom:1px solid var(--section-border);transition:border-color .3s ease}.section:last-child{padding-bottom:2rem}a{cursor:pointer}a,h1{color:var(--text-color)}h1{font-size:2.25rem}.section>h1{font-size:2rem;margin:0}.section{display:flex;flex-direction:column;gap:1rem;max-width:35rem}.about{color:var(--text-color-secondary)}em{font-weight:600;color:#8b458b;font-style:normal;background:linear-gradient(45deg,#a46bff,#daa1ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-container{display:grid;grid-template-columns:14rem 14rem;gap:1rem}.vl{border-left:1px solid var(--vl-color)}.timeline-years{display:flex;flex-direction:column;align-items:center;width:5rem;font-size:1.25rem;color:var(--text-color-secondary);font-weight:100}.timeline-years>span{font-family:Inconsolata,sans-serif!important}.project-timeline{display:flex;gap:.5rem}.project-item{border:1px solid var(--project-border);background-color:var(--project-bg);border-radius:.25rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;transition:.3s ease;cursor:pointer;box-shadow:0 9px 10px #0000001a}.project-item:hover{background-color:var(--project-hover)}.project-item:hover .project-title>p{opacity:.7}.project-header{display:flex;flex-direction:column;gap:.15rem}.project-header>img,.project-header>video{width:100%;border-radius:.25rem;margin-bottom:.5rem;-o-object-fit:cover;object-fit:cover}.project-title{display:flex;align-items:baseline;gap:5px}.project-title>span{font-size:1.25rem;font-weight:600}.project-title>p{margin:0;font-size:1rem;font-weight:200;opacity:0;transition:.2s ease}.project-footer{display:flex;justify-content:space-between}.project-header>p{margin:0;color:var(--text-color-secondary);font-weight:300}.project-languages{display:flex;gap:5px}.language{border-radius:5px;padding:2px 8px;font-size:.75rem;cursor:default;transition:background-color .3s ease,color .3s ease}.l_Python{color:var(--lang-python-text);background-color:var(--lang-python-bg)}.l_JavaScript{color:var(--lang-js-text);background-color:var(--lang-js-bg)}.l_Vue{color:var(--lang-vue-text);background-color:var(--lang-vue-bg)}.l_Node\.JS{color:var(--lang-node-text);background-color:var(--lang-node-bg)}.l_HTML{color:var(--lang-html-text);background-color:var(--lang-html-bg)}.l_Electron{color:var(--lang-electron-text);background-color:var(--lang-electron-bg)}.l_C\#{color:var(--lang-csharp-text);background-color:var(--lang-csharp-bg)}.l_Unity{color:var(--lang-unity-text);background-color:var(--lang-unity-bg)}.l_React{color:var(--lang-react-text);background-color:var(--lang-react-bg)}.l_Supabase{color:var(--lang-supabase-text);background-color:var(--lang-supabase-bg)}.achievements>ul{margin:0;padding-left:2rem}.navigation{display:flex;gap:.5rem;flex-direction:column;color:var(--text-color-secondary);font-size:1.25rem}.navigation>span{transition:.3s ease;cursor:pointer}.nav-active,.navigation>span:hover{color:var(--text-color)}.nav-active{transform:translateX(12px);letter-spacing:.03rem}.fun-fact{border-radius:.25rem;margin:2rem 7rem 2rem 0;display:flex;flex-direction:column;gap:.5rem;transition:.5s ease;filter:blur(6px);opacity:0}.fun-fact>p,.fun-fact>p>em{font-family:Inconsolata,sans-serif!important}.visible{opacity:1;filter:blur(0)}.fun-fact>p{margin:0;color:var(--text-color-secondary)}.achievements{display:flex;gap:.5rem;flex-direction:column}.achievements>p{margin:0}.timeline-years>span{height:3rem;line-height:3rem}.achievement-box{grid-column:span 2;padding:1rem;border-radius:1.5rem;display:flex;gap:.75rem;align-items:center;transition:.2s ease}.achievement-box:has(+.achievement-box){padding-bottom:0}.cert{cursor:pointer}.achievement-box>span{font-size:1rem;color:var(--text-color-secondary);font-weight:300}.achievement-icon{color:var(--text-color-secondary);font-size:1.5rem}.skills{display:grid;grid-template-columns:calc(50% - .5rem) calc(50% - .5rem);gap:1rem}.skillItem{background-color:var(--skill-bg);box-shadow:0 9px 10px #0000001a;padding:.75rem;display:flex;align-items:center;border-radius:.5rem;font-size:.75rem;gap:.75rem;transition:.3s ease;cursor:default}.skillItem:hover{background-color:var(--skill-hover)}.skillItem>img{width:2rem;border-radius:.25rem}.skillItem>i{font-size:2rem;display:flex;justify-content:center}.skill-header>p{color:var(--text-color-secondary);font-size:.75rem;font-weight:100;margin:0}.skill-header{display:flex;align-items:flex-end;gap:.5rem;font-weight:500}.skill-header>span{font-size:.95rem}.skill-desc{display:flex;flex-direction:column;gap:.25rem;padding-left:.5rem}.skill-desc>span{font-family:Inconsolata,sans-serif!important;color:var(--text-color-secondary);font-weight:300}.theme-toggle{color:var(--text-color);transition:color .3s ease;position:relative;width:1.5rem;height:1.5rem;display:inline-block}.theme-toggle:hover{color:var(--text-color-secondary)}.theme-toggle i{font-size:1.5rem;position:absolute;top:0;left:0;transition:transform .2s ease;transform-origin:center}.theme-toggle:hover i{transform:rotate(15deg) scale(1.1)}.theme-toggle:active i{transform:rotate(1turn)}.collapser{background-color:#00000000;color:var(--text-color-secondary);font-size:1rem;border:0;cursor:pointer;transition:.3s ease;width:100%;font-weight:200;text-align:center;padding-top:1rem;font-family:Inconsolata,sans-serif}.collapser:hover{color:var(--text-color)}h1>.collapser{width:auto;padding:0}.section.journey>h1{display:flex;align-items:center;gap:1rem}.collapsed{height:500px;overflow:hidden;border-bottom:0!important;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 200px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 200px),transparent)}.collapsed:after{display:none}.expanded{transform:rotate(180deg)}@media only screen and (max-width:1334px){.jcsb{justify-content:space-between;align-items:flex-end;width:100%}.page>div{max-width:none}.page{display:flex;flex-direction:column;width:auto;padding:4rem;align-items:center}.page,.page>.left{position:inherit;height:auto}.page>.left{margin-left:0;width:100%;padding-bottom:1rem}.page>.right{position:inherit;margin-left:0;width:100%!important;min-width:0}.page>.right,.section{max-width:none}.project-container{grid-template-columns:auto}.navigation{display:none}.section:first-child{border-top:1px solid var(--section-border);padding-top:2rem}.connections{position:relative;z-index:2}}@media only screen and (max-width:621px){.page{padding:2vw;padding-top:5rem}.page>div{width:auto;padding:0}.project-title>p{opacity:.7}.project-container,.skills{display:flex;flex-direction:column}.fun-fact{display:none}.connections{padding-top:2rem;position:relative;z-index:2}.visible-on-desktop{display:none}}@media only screen and (max-width:412px){.title{font-size:14vw}.subtitle{font-size:6vw}.page{align-items:flex-start}.page>.right{width:88vw}.project-title{flex-direction:column;gap:0}.project-header{gap:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-v-5ecbc4ea] p{margin:0}