.home-container{display:grid;grid-template-columns:minmax(128px,192px) auto;grid-template-rows:3rem auto;gap:.8rem;justify-content:center}.welcome-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:.8rem;border-radius:8px;color:var(--text-primary);font-family:var(--font-title);letter-spacing:.2em}.welcome-container h1{font-size:1rem;line-height:1.2;margin:0}.hidden-background{background-color:transparent;border:none;box-shadow:none;transition:background-color 1s ease,border 1s ease,box-shadow 1s ease}.reveal{background-color:var(--box-primary);border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary);box-shadow:inset 4px 0 0 0 var(--border-accent),inset 0 4px 0 0 var(--border-accent);transition:background-color 1s ease,border 1s ease,box-shadow 1s ease}.cursor{display:inline-block;width:1ch;animation:blink .7s step-end infinite;font-family:monospace}@keyframes blink{50%{opacity:0}}.hidden{opacity:0}.fade-in{opacity:0;animation:fadeIn 3s forwards}@keyframes fadeIn{to{opacity:1}}.home-avatar{grid-column:1 / 2;grid-row:2 / 5}.home-links-grid{grid-column:2 / 3;grid-row:2 / 3;display:grid;grid-template-columns:repeat(2,minmax(128px,192px));grid-template-rows:repeat(2,minmax(128px,auto));gap:1rem}.home-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem;border-radius:8px;text-decoration:none;background-color:var(--box-tertiary);border-bottom:3px solid var(--accent-tertiary);border-right:3px solid var(--accent-tertiary);box-shadow:inset 3px 0 0 var(--accent-primary),inset 0 3px 0 var(--accent-primary);transition:filter .2s ease,transform .2s ease}.home-link:hover{transform:scale(1.05) translateY(-4px);filter:brightness(1.2) saturate(1.2)}.home-link-header{display:flex;align-items:center;gap:.5rem;margin:4px 0}.home-link-header img{width:32px;height:32px}.home-link-header h3{font-family:var(--font-title);font-size:12px;margin:0;color:var(--text-secondary)}.home-link p{font-family:var(--font-main);font-size:12px;font-weight:600;margin:4px 0;line-height:1.4;color:var(--text-secondary)}.home-link-description{display:flex;align-items:center;justify-content:center;gap:4px}.home-link-icon-wrapper svg{width:16px;height:16px;color:var(--text-secondary)}@media (max-width: 580px){.home-links-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:.5rem}.home-avatar{align-self:start}}@media (max-width: 525px){.welcome-container{padding:.5rem}.welcome-container h1{font-size:.85rem;letter-spacing:.15em}}@media (max-width: 430px){.home-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.home-avatar{min-width:200px;width:90%;align-self:center;flex:0 0 auto}.welcome-container,.home-links-grid{width:-moz-fit-content;width:fit-content;min-width:200px;padding:.5em;box-sizing:border-box;align-self:center}.home-links-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:.5rem}.welcome-container h1{font-size:.8rem;letter-spacing:.1em;text-align:center}}.avatar-container{display:flex;justify-content:center;align-items:flex-start;padding:1em;border-radius:8px;border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary);box-shadow:inset 4px 0 0 0 var(--border-accent),inset 0 4px 0 0 var(--border-accent);background-color:var(--box-secondary)}.avatar-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-img{width:128px;height:192px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid var(--accent-primary)}.quick-facts{list-style:none;padding:0;margin:0;text-align:center;color:var(--text-primary);font-family:var(--font-title);font-size:10px}.quick-facts li{margin-bottom:.4rem;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.email-link{color:var(--accent-vibrant);text-decoration:underline;word-break:break-word}.email-link:hover{color:var(--accent-primary)}.avatar-icons{display:flex;gap:1rem}.avatar-icons img{width:32px;height:32px;border:1px solid var(--accent-secondary);border-radius:6px;padding:2px}@media (max-width: 430px){.home-avatar .avatar-content{display:flex;flex-direction:row;gap:.5rem;padding:1rem;align-items:center}.home-avatar .avatar-info{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;height:100%}.home-avatar .quick-facts{margin:0 6px;text-align:center;flex-shrink:0}.home-avatar .quick-facts li{line-height:1.3}.home-avatar .avatar-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem;margin-left:4px}.home-avatar .avatar-img{height:auto;min-width:96px}.home-avatar .avatar-container{padding:.5em}}@media (max-width: 374px){.home-avatar .avatar-content{flex-direction:column;align-items:center;gap:.75rem;padding:.5rem}.home-avatar .avatar-info{width:100%;align-items:center;justify-content:center;gap:.5rem}.home-avatar .avatar-icons{justify-content:center;margin-left:0}.home-avatar .avatar-img{width:100px;height:auto}}@media (max-width: 510px){.about-avatar .avatar-content{display:flex;flex-direction:row;gap:.5rem;padding:1rem;align-items:center}.about-avatar .avatar-info{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;height:100%}.about-avatar .quick-facts{margin-left:10px;text-align:center;flex-shrink:0}.about-avatar .quick-facts li{line-height:1.3}.about-avatar .avatar-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem;margin-left:4px}.about-avatar .avatar-img{height:auto;min-width:96px}.about-avatar .avatar-container{padding:.5em}}@media (max-width: 350px){.about-avatar{padding:.3rem;margin:0}.about-avatar .avatar-content{flex-direction:column;align-items:center;gap:.75rem;padding:.5rem}.about-avatar .avatar-info{width:100%;align-items:center;justify-content:center;gap:.5rem}.about-avatar .avatar-icons{justify-content:center;margin-left:0}.about-avatar .avatar-img{width:100px;height:auto}}@media (max-width: 285px){.about-avatar{padding:0}}@media (max-width: 470px){.contact-avatar .quick-facts li{line-height:1.2}}.about-container{display:grid;grid-template-columns:minmax(128px,192px) auto;grid-template-rows:auto auto auto;gap:.8rem;align-items:start;justify-content:center;padding-top:4rem}.intro-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:.8rem;border-radius:8px;background-color:var(--box-primary);color:var(--text-primary);font-family:var(--font-title);letter-spacing:.2em;border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary);box-shadow:inset 4px 0 0 0 var(--border-accent),inset 0 4px 0 0 var(--border-accent)}.intro-container h1{font-size:1rem;line-height:1.2;margin:0}.intro-container p{font-size:.8rem;line-height:1.2;margin:0}.about-avatar{grid-column:1 / 2;grid-row:2 / 3}.about-block{grid-column:2 / 3;grid-row:2 / 3;display:flex;align-items:flex-start;justify-content:center;width:352px;padding:1rem;border-radius:8px;text-decoration:none;background-color:var(--box-tertiary);color:var(--text-secondary);border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary)}.about-me{width:100%;display:flex;flex-direction:column;gap:0;margin:4px 8px}.about-me h3{font-family:var(--font-title);font-size:12px;margin-bottom:.25rem;letter-spacing:.05em}.about-me p{font-family:var(--font-main);font-size:12px;font-weight:600;margin-top:8px;line-height:1.5}.about-me a{color:var(--box-primary);text-decoration:underline}.about-me a:hover{color:var(--accent-hover)}.about-footer{grid-column:1 / -1;grid-row:3 / 4}@media (max-width: 615px){.about-container{grid-template-columns:192px 1fr}.about-block{width:auto}}@media (max-width: 510px){.about-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-avatar{min-width:200px;width:85%;align-self:center;flex:0 0 auto}.intro-container,.about-block{width:90%;max-width:500px;box-sizing:border-box;align-self:center}.about-block{display:flex;flex-direction:column;gap:.5rem}.about-container .about-block{width:90%;max-width:500px}.about-container .about-me{justify-content:center;width:95%}.intro-container h1{font-size:.8rem;letter-spacing:.1em;text-align:center}}.site-footer{display:flex;justify-content:space-between;padding:1rem;background-color:transparent}.footer-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-accent);font-family:var(--font-main);font-weight:600;transition:transform .2s}.footer-link:hover{transform:translateY(-2px);color:var(--accent-hover)}.footer-icon{width:16px;height:16px}@media (max-width: 510px){.site-footer{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 349px){.footer-link{justify-content:flex-start;width:auto}.footer-link span{flex:0 0 auto;white-space:nowrap}.footer-icon{flex:0 0 auto}}.projects-container{display:grid;grid-template-columns:repeat(3,minmax(128px,192px));grid-template-rows:auto auto auto;gap:2rem .8rem;align-items:start;justify-content:center;padding-top:2rem}.working-on-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:.8rem;border-radius:8px;background-color:var(--box-primary);color:var(--text-primary);font-family:var(--font-title);letter-spacing:.2em;border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary);box-shadow:inset 4px 0 0 0 var(--border-accent),inset 0 4px 0 0 var(--border-accent)}.working-on-container h1{font-size:1rem;line-height:1.2;margin:0;text-align:center}.working-on-container p{font-size:.8rem;line-height:1.2;margin:0}.project-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 14px;border-radius:8px;text-decoration:none;background-color:var(--box-tertiary);color:var(--text-secondary);border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary);height:100%}.project-card-top{display:flex;flex-direction:column;align-items:center;width:100%}.project-text{width:100%;text-align:center;flex-grow:1}.project-text h2{font-family:var(--font-title);font-size:14px;margin:.5rem 0}.project-text p{font-family:var(--font-main);font-size:12px;font-weight:600}.project-text a{color:var(--text-link);text-decoration:underline}.project-image{width:96px;height:auto;margin-bottom:.5rem;border-radius:4px;-o-object-fit:contain;object-fit:contain}.made-with{margin-top:auto;text-align:center}.made-with h3{font-family:var(--font-main);font-size:12px;font-weight:700;margin:.5rem 0}.projects-icons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.project-card-top a{color:var(--box-primary)}.project-card-top a:hover{color:var(--accent-hover)}.projects-icons a img{transition:filter .2s ease,transform .2s ease}.projects-icons a:hover img{filter:brightness(1.2) saturate(1.2);transform:scale(1.05)}.projects-icons img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.projects-footer{grid-column:1 / -1}@media (max-width: 680px){.projects-container{padding-left:1rem;padding-right:1rem;grid-template-columns:1fr;gap:1rem}.project-card{height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:2rem;border-radius:8px}.project-card-top{display:flex;flex-direction:row;align-items:center;gap:.8rem;width:100%}.project-image{width:128px;height:auto;margin-bottom:0}.project-text{text-align:center;flex:1;padding:0 1rem}.project-text h2{font-size:.8rem}.made-with{margin-top:.5rem;width:100%;text-align:center}.projects-footer{grid-column:1 / -1}}@media (max-width: 525px){.project-card{padding:1rem}}@media (max-width: 475px){.project-card{gap:0}}@media (max-width: 460px){.project-card{height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem;border-radius:8px}.project-card-top{display:flex;flex-direction:column;align-items:center;width:100%}.project-image{width:128px;height:auto;margin-bottom:0}.project-text{text-align:center;flex-grow:1;padding:0 1rem}.project-text h2{font-size:.8rem}.made-with{margin-top:auto;text-align:center}.projects-footer{grid-column:1 / -1}}@media (max-width: 431px){.working-on-container h1{font-size:.9rem;margin:0;text-align:center}}@media (max-width: 422px){.working-on-container h1{font-size:.8rem}}@media (max-width: 397px){.working-on-container h1{font-size:.7rem}}.contact-container{display:grid;grid-template-columns:repeat(3,minmax(128px,192px));grid-template-rows:auto auto auto;gap:.8rem;align-items:start;justify-content:center;padding-top:1rem}.find-me-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:.8rem;border-radius:8px;background-color:var(--box-primary);font-family:var(--font-title);color:var(--text-primary);letter-spacing:.2em;border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary);box-shadow:inset 4px 0 0 0 var(--border-accent),inset 0 4px 0 0 var(--border-accent)}.find-me-container h1{font-size:1rem;line-height:1.2;margin:0}.find-me-container p{font-size:.8rem;line-height:1.2;margin:0}.contact-avatar{grid-column:1 / 2;grid-row:2}.contact-cards-container{display:flex;flex-direction:column;justify-content:stretch;gap:.8rem;grid-column:2 / 4;grid-row:2}.contact-card{display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border-radius:8px;background-color:var(--box-tertiary);color:var(--text-secondary);border-bottom:4px solid var(--border-primary);border-right:4px solid var(--border-primary);box-shadow:0 6px var(--bg-tertiary-shadow);transition:filter .2s ease,transform .2s ease;text-decoration:none}.contact-card:hover{transform:scale(1.05) translateY(-4px);filter:brightness(1.2) saturate(1.2)}.contact-card img{width:32px;height:32px;flex-shrink:0}.contact-card-text{display:flex;flex-direction:column}.contact-card h3{font-family:var(--font-title);font-size:12px}.contact-card p{font-family:var(--font-main);font-size:12px;font-weight:600;margin-top:.4rem}.contact-card a{color:var(--box-primary);text-decoration:underline}.contact-card a:hover{color:var(--accent-hover)}.contact-card-header{display:flex;align-items:center;gap:.5rem}.contact-footer{grid-column:1 / 4;grid-row:3}@media (max-width: 660px){.contact-container{grid-template-columns:1fr 2fr}.contact-avatar{grid-column:1}.contact-cards-container{grid-column:2}}@media (max-width: 590px){.find-me-container h1{font-size:.9rem}}@media (max-width: 547px){.find-me-container h1{font-size:.8rem}}@media (max-width: 505px){.find-me-container h1{font-size:.7rem}}@media (max-width: 470px){.contact-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.find-me-container,.contact-avatar,.contact-cards-container,.contact-footer{grid-column:auto;grid-row:auto}.find-me-container,.contact-cards-container,.contact-footer{width:80%}.contact-avatar{width:65%}.find-me-container h1{text-align:center;font-size:.8rem}.contact-cards-container{align-items:center}}@media (max-width: 430px){.contact-container{padding-top:2rem}.contact-avatar{width:70%}.find-me-container h1{font-size:.7rem}}@media (max-width: 380px){.find-me-container,.contact-cards-container{width:95%}.contact-avatar{width:85%}}@media (max-width: 330px){.find-me-container,.contact-cards-container{width:100%}.contact-avatar{width:90%}}:root{--font-main: "IBM Plex Mono", monospace, monospace;--font-title: "Press Start 2P", cursive, sans-serif;--bg-primary: #FCFCFC;--bg-secondary: #004058;--box-primary: #9878F8;--box-secondary: #E40058;--box-tertiary: #D8F878;--text-primary: #FCFCFC;--text-secondary: #004058;--text-accent: #BCBCBC;--border-primary: #000E93;--border-accent: #58F898;--accent-primary: #98a8f8;--accent-secondary: #F87858;--accent-tertiary: #6f54bf;--accent-hover: #D800CC;--accent-vibrant: #D8F878}html,body{margin:0;padding:0;height:100%}.app-container{display:flex;justify-content:center;align-items:center;padding:0;margin:0;min-height:100vh;background-color:var(--bg-secondary)}.main-content{width:100%;max-width:1200px;padding:1rem;box-sizing:border-box;display:flex;justify-content:center}@media (max-width: 430px){.main-content{padding:2rem}}