:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--primary-color: #2E7D32;--secondary-color: #81C784;--background-color: #F5F5F5;--text-color: #212121;--border-color: #646464;--link-hover: #388E3C}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:var(--background-color)}h1{font-size:3.2rem;color:var(--primary-color);line-height:1.1;margin:1rem 0 1rem 2rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--secondary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--primary-color: #81C784;--secondary-color: #2E7D32;--background-color: #121212;--text-color: #E0E0E0;--border-color: #646464;--link-hover: #A5D6A7}button{background-color:#f9f9f9}}.navbar{position:sticky;top:0;box-sizing:border-box;padding:5px 20px;z-index:1000;background-color:var(--background-color);border-bottom:2px solid var(--border-color);box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;font-size:1rem;border-radius:0 0 25px 25px;justify-content:space-between}.navbar ul{list-style-type:none}li{display:inline-block;margin-right:10px}.nav-icon{width:clamp(24px,7vw,48px);height:100%;aspect-ratio:1 / 1;background-color:var(--primary-color);mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;cursor:pointer;transition:filter .25s,background-color .25s}.nav-icon:hover{filter:drop-shadow(0 0 2em var(--link-hover));background-color:var(--link-hover)}.icon-linkedin{mask-image:url(/linkedin-dark.svg);-webkit-mask-image:url(/linkedin-dark.svg)}.icon-github{mask-image:url(/github.svg);-webkit-mask-image:url(/github.svg) no-repeat center}.row{display:flex;gap:1.5rem}.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.project-card{border:1px solid #ccc;border-radius:8px;padding:16px;background-color:#f9f9f9}.project-card img{max-width:100%}h1{text-align:left}@keyframes typing{0.0000%,27.3488%{content:""}1.1395%,26.2093%{content:"d"}2.2791%,25.0698%{content:"de"}3.4186%,23.9302%{content:"dev"}4.5581%,22.7907%{content:"deve"}5.6977%,21.6512%{content:"devel"}6.8372%,20.5116%{content:"develo"}7.9767%,19.3721%{content:"develop"}9.1163%,18.2326%{content:"develope"}10.2558%,17.0930%{content:"developer"}30.7674%,51.2791%{content:""}31.9070%,50.1395%{content:"w"}33.0465%,49.0000%{content:"wr"}34.1860%,47.8605%{content:"wri"}35.3256%,46.7209%{content:"writ"}36.4651%,45.5814%{content:"write"}37.6047%,44.4419%{content:"writer"}54.6977%,75.2093%{content:""}55.8372%,74.0698%{content:"r"}56.9767%,72.9302%{content:"re"}58.1163%,71.7907%{content:"rea"}59.2558%,70.6512%{content:"read"}60.3953%,69.5116%{content:"reade"}61.5349%,68.3721%{content:"reader"}78.6279%,96.8605%{content:""}79.7674%,95.7209%{content:"h"}80.9070%,94.5814%{content:"hu"}82.0465%,93.4419%{content:"hum"}83.1860%,92.3023%{content:"huma"}84.3256%,91.1628%{content:"human"}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter{--caret: currentcolor}.typewriter:before{content:"";animation:typing 13.5s infinite}.typewriter:after{content:"";border-right:1px solid var(--caret);animation:blink .5s linear infinite}.typewriter.thick:after{border-right:1ch solid var(--caret)}@media (prefers-reduced-motion){.typewriter:after{animation:none}@keyframes sequencePopup{0%,to{content:"developer"}25%{content:"writer"}50%{content:"reader"}75%{content:"human"}}.typewriter:before{content:"developer";animation:sequencePopup 12s linear infinite}}#root{max-width:1280px;margin:0 auto;padding:0rem 2rem;text-align:center}.card{padding:2em}