@import "https://fonts.googleapis.com/css2?family=MS+Sans+Serif:wght@400;700&display=swap";
footer{text-align:center;color:var(--title-color);z-index:1;max-width:100%;margin:1rem auto 2rem;padding:1px 0;position:relative}footer h3{font-size:1.1rem}footer ul{padding:0;font-size:1rem;display:block}footer i{border-radius:50%;margin:0 5px;padding:.6rem;font-size:1.2rem}footer i:hover{background-color:var(--btn-hover);transition:all .3s}
nav{-webkit-backdrop-filter:blur(100px)saturate(400%);z-index:101;border:1px solid #ffffff26;border-radius:50px;justify-content:space-between;align-items:center;gap:1.5rem;width:auto;max-width:min(95vw,900px);padding:1rem 2rem;transition:all .5s cubic-bezier(.2,.8,.2,1);animation:.5s cubic-bezier(.2,.8,.2,1) navEntrance;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}@keyframes navEntrance{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}:root[data-theme=dark] nav{background:#171717;border:1px solid #ffffff1a}:root[data-theme=light] nav{background:#fff;border:1px solid #0000001a}.logo-icon{width:2rem;height:2rem;transition:all .3s cubic-bezier(.2,.8,.2,1);transform:scale(1)}.logo-icon:hover{transform:scale(1.4)translateY(-8px)rotate(5deg)!important}nav .menu{flex-direction:row;align-items:center;gap:.75rem;font-size:1rem;display:flex}nav .menu a:hover{transition:all .5s cubic-bezier(.2,.8,.2,1)}.toggler{color:var(--title-color);cursor:pointer;border:none;align-items:center;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;transform:scale(1)}.toggler:hover{transform:scale(1.2)translateY(-10px)!important}.toggler button{transition:all .3s cubic-bezier(.2,.8,.2,1);width:2.5rem!important;min-width:2.5rem!important;height:2.5rem!important;font-size:1.35rem!important}.active-nav{border-radius:100%;transition:all .5s cubic-bezier(.2,.8,.2,1)}.nav-icon{transition:all .3s cubic-bezier(.2,.8,.2,1);width:3rem!important;min-width:2.5rem!important;height:3rem!important;color:var(--subtitle-color)!important;background:0 0!important;font-size:1.35rem!important;transform:scale(1)!important}.nav-icon:hover{background:var(--btn-hover)!important;color:var(--title-color)!important;transform:scale(1.2)translateY(-10px)!important}.nav-icon-active{position:relative;color:var(--title-color)!important;background:0 0!important;width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;font-size:1.5rem!important;transform:scale(1.15)!important}.nav-icon-active:after{content:"";background:var(--accent-primary);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-.65rem;left:50%;transform:translate(-50%)}.nav-icon-active:hover{transform:scale(1.2)translateY(-10px)!important}@media screen and (max-width:940px){nav{gap:1rem;max-width:98vw;padding:.75rem 1.25rem;bottom:1rem}nav .menu{gap:.35rem}.toggler:hover,.nav-icon:hover{transform:none!important}nav .menu a:hover{transition:none!important}.nav-icon-active:hover{transform:none!important}}
.with-live,.without-live{background:0 0;border:1px solid #0000;border-radius:12px;width:100%;height:100%;min-height:320px;padding:1.5rem;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}:root[data-theme=dark] .with-live,:root[data-theme=dark] .without-live{border:1px solid #4040404d}:root[data-theme=light] .with-live,:root[data-theme=light] .without-live{border:1px solid #e5e5e5cc}.with-live:hover,.without-live:hover{border-color:var(--card-border);transform:translateY(-1px)}:root[data-theme=dark] .with-live:hover,:root[data-theme=dark] .without-live:hover{background:#1717174d;border-color:#40404099}:root[data-theme=light] .with-live:hover,:root[data-theme=light] .without-live:hover{background:#fafafacc;border-color:#e5e5e5}.section-hide{opacity:0;transform:translateY(8rem)}.with-live{flex-direction:column;align-items:center;display:flex}.with-live .card-content-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.with-live .card-image-wrapper{flex-shrink:0;justify-content:center;align-items:center;min-height:180px;max-height:180px;margin-bottom:.5rem;display:flex}.with-live .card-image-wrapper img{filter:grayscale();transition:filter .5s cubic-bezier(.2,.8,.2,1)}.with-live:hover .card-image-wrapper img{filter:grayscale(0%)}.with-live .card-text-wrapper{flex-direction:column;flex:1;justify-content:space-between;display:flex}.main-projects img{margin:.5rem 2.3rem}.other-projects img{border:1px solid var(--card-border)}.other-projects{flex-direction:column;max-width:23rem}.card-text-section{flex-direction:column;display:flex}.card-text-section p{width:100%;margin-left:0}.card-button-section{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;margin:.6rem 0 0;display:flex}.other-projects .tech{min-height:12rem;padding:1.5rem 0 0}.other-projects .card-button-section{justify-content:space-between}.width-9{width:9rem}.p-16{padding:16px}.without-live{padding:16px;min-height:120px!important}.without-live h4{margin-bottom:.5rem;font-size:1.25rem}@media screen and (max-width:768px){.with-live,.without-live{flex-direction:column;align-items:center;width:100%;min-height:auto;margin:0 0 .6rem}.without-live{box-shadow:none;min-height:auto}.card-button-section{justify-content:space-between}}@media screen and (max-width:440px){.with-live img{width:19rem}}
.animated-section{position:relative}
.sparkle-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.sparkle{pointer-events:none;transform-origin:50%;will-change:transform,opacity;border-radius:50%;position:absolute}.glow-orb{filter:blur(8px);mix-blend-mode:screen}body.sparkle-active{cursor:crosshair!important}@media (max-width:768px){.sparkle-container{display:none}}
:root{--win98-bg:teal;--win98-gray:silver;--win98-dark-gray:gray;--win98-light-gray:#dfdfdf;--win98-white:#fff;--win98-black:#000;--win98-blue:navy;--win98-blue-light:#1084d0;--win98-selected:navy;--win98-shadow-dark:#000;--win98-shadow-light:#fff;--win98-border-raised-outer:#dfdfdf;--win98-border-raised-inner:#fff;--win98-border-sunken-outer:gray;--win98-border-sunken-inner:#000}.win98-font{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-family:MS Sans Serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px}.win98-desktop{background:var(--win98-bg);width:100%;min-height:100vh;position:relative;overflow:hidden}.win98-window{background:var(--win98-gray);border-top:2px solid var(--win98-border-raised-outer);border-left:2px solid var(--win98-border-raised-outer);border-right:2px solid var(--win98-shadow-dark);border-bottom:2px solid var(--win98-shadow-dark);position:absolute;box-shadow:2px 2px #0000004d}.win98-title-bar{background:linear-gradient(to right,var(--win98-blue),var(--win98-blue-light));color:#fff;cursor:move;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:28px;padding:3px 6px;display:flex}.win98-title-bar.inactive{background:linear-gradient(90deg,gray,#a0a0a0)}.win98-title-bar-text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.win98-title-bar-controls{gap:2px;display:flex}.win98-button{background:var(--win98-gray);border-top:2px solid var(--win98-border-raised-outer);border-left:2px solid var(--win98-border-raised-outer);border-right:2px solid var(--win98-shadow-dark);border-bottom:2px solid var(--win98-shadow-dark);cursor:pointer;justify-content:center;align-items:center;width:22px;height:20px;padding:0;font-size:13px;font-weight:700;display:flex;position:relative}.win98-button:active{border-top:2px solid var(--win98-shadow-dark);border-left:2px solid var(--win98-shadow-dark);border-right:2px solid var(--win98-border-raised-outer);border-bottom:2px solid var(--win98-border-raised-outer);padding:1px 0 0 1px}.win98-button:hover{background:var(--win98-light-gray)}.win98-window-content{border-top:2px solid var(--win98-shadow-dark);border-left:2px solid var(--win98-shadow-dark);border-right:2px solid var(--win98-border-raised-outer);border-bottom:2px solid var(--win98-border-raised-outer);color:var(--win98-black);background:#fff;margin:2px;padding:8px;overflow:auto}.win98-menu-bar{background:var(--win98-gray);border-bottom:2px solid var(--win98-border-raised-outer);gap:3px;padding:3px;display:flex}.win98-menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 12px;font-size:14px}.win98-menu-item:hover{background:var(--win98-selected);color:#fff}.win98-taskbar{background:var(--win98-gray);border-top:2px solid var(--win98-white);z-index:9999;align-items:center;gap:3px;height:40px;padding:3px;display:flex;position:fixed;bottom:0;left:0;right:0}.win98-start-button{background:var(--win98-gray);border-top:2px solid var(--win98-border-raised-outer);border-left:2px solid var(--win98-border-raised-outer);border-right:2px solid var(--win98-shadow-dark);border-bottom:2px solid var(--win98-shadow-dark);cursor:pointer;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:700;display:flex}.win98-start-button:active{border-top:2px solid var(--win98-shadow-dark);border-left:2px solid var(--win98-shadow-dark);border-right:2px solid var(--win98-border-raised-outer);border-bottom:2px solid var(--win98-border-raised-outer);padding:5px 11px 3px 13px}.win98-taskbar-time{border-top:2px solid var(--win98-shadow-dark);border-left:2px solid var(--win98-shadow-dark);border-right:2px solid var(--win98-border-raised-outer);border-bottom:2px solid var(--win98-border-raised-outer);margin-left:auto;padding:4px 12px;font-size:14px}.win98-icon{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:100px;padding:8px}.win98-icon:hover{background:#00008033}.win98-icon.selected{background:#0000804d}.win98-icon-image{width:48px;height:48px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:0 auto 6px}.win98-icon-label{color:#fff;text-shadow:1px 1px 2px #000c;word-wrap:break-word;font-size:13px}.win98-icon.selected .win98-icon-label{background:var(--win98-selected);color:#fff}.win98-folder-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:16px;display:grid}.win98-folder-item{cursor:pointer;border:1px dotted #0000;flex-direction:column;align-items:center;padding:12px;display:flex}.win98-folder-item:hover{background:#0000801a}.win98-folder-item.selected{background:var(--win98-selected);color:#fff;border:1px dotted #fff}.win98-folder-item-icon{width:64px;height:64px;image-rendering:pixelated;margin-bottom:8px}.win98-folder-item-icon.large{width:140px;height:140px}.win98-folder-item-name{text-align:center;word-wrap:break-word;max-width:140px;color:var(--win98-black);font-size:13px}.win98-folder-item.selected .win98-folder-item-name{color:#fff}.win98-scrollbar::-webkit-scrollbar{width:16px;height:16px}.win98-scrollbar::-webkit-scrollbar-track{background:var(--win98-gray);border-left:1px solid var(--win98-shadow-dark)}.win98-scrollbar::-webkit-scrollbar-thumb{background:var(--win98-gray);border-top:2px solid var(--win98-border-raised-outer);border-left:2px solid var(--win98-border-raised-outer);border-right:2px solid var(--win98-shadow-dark);border-bottom:2px solid var(--win98-shadow-dark)}.win98-scrollbar::-webkit-scrollbar-button{background:var(--win98-gray);border-top:2px solid var(--win98-border-raised-outer);border-left:2px solid var(--win98-border-raised-outer);border-right:2px solid var(--win98-shadow-dark);border-bottom:2px solid var(--win98-shadow-dark);width:16px;height:16px}.win98-link-button{background:var(--win98-gray);border-top:2px solid var(--win98-border-raised-outer);border-left:2px solid var(--win98-border-raised-outer);border-right:2px solid var(--win98-shadow-dark);border-bottom:2px solid var(--win98-shadow-dark);cursor:pointer;color:var(--win98-black);justify-content:center;align-items:center;gap:8px;min-width:120px;padding:8px 24px;font-size:14px;font-weight:400;text-decoration:none;display:inline-flex}.win98-link-button:active{border-top:2px solid var(--win98-shadow-dark);border-left:2px solid var(--win98-shadow-dark);border-right:2px solid var(--win98-border-raised-outer);border-bottom:2px solid var(--win98-border-raised-outer);padding:9px 23px 7px 25px}.win98-link-button:hover{background:var(--win98-light-gray)}.win98-status-bar{background:var(--win98-gray);border-top:2px solid var(--win98-shadow-dark);gap:6px;padding:4px 8px;font-size:14px;display:flex}.win98-status-section{border-top:2px solid var(--win98-shadow-dark);border-left:2px solid var(--win98-shadow-dark);border-right:2px solid var(--win98-border-raised-outer);border-bottom:2px solid var(--win98-border-raised-outer);padding:4px 10px}.win98-monitor{background:linear-gradient(145deg,#e0e0e0,#a0a0a0);border-radius:8px 8px 0 0;padding:20px 20px 30px;position:relative;box-shadow:0 10px 30px #00000080}.win98-monitor:before{content:"";background:linear-gradient(145deg,#a0a0a0,gray);border-radius:0 0 4px 4px;width:80px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.win98-screen{background:#000;border:3px solid #333;border-radius:2px;position:relative;overflow:hidden}.win98-screen:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 50%,#0000001a 100%);position:absolute;inset:0}@font-face{font-family:MS Sans Serif;src:local(MS Sans Serif),local(Tahoma)}