*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Noto-Sans;src:url(/assets/NotoSans-VariableFont_wdth_wght-CYoOFcCZ.ttf);font-weight:100 900}@font-face{font-family:Noto-Serif;src:url(/assets/NotoSerif-VariableFont_wdth_wght-Dh5ICAPK.ttf);font-weight:100 900}@font-face{font-family:PT-Sans;src:url(/assets/PTSans-Regular-CxL0S8W7.ttf);font-weight:400}@font-face{font-family:PT-Serif;src:url(/assets/PTSerif-Regular-DPh-w9Z0.ttf);font-weight:400}@font-face{font-family:Lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf);font-weight:400}:root.light{--bg-color:#f1f7ff;--text-color:black;--text-muted:#6b6a67;--header-bg:#f2f8ff;--hue5:white;--hue6:black;--links:#4ab3e6;--links-bg:#6dd5fa;--surface:#f2f0ec;background-color:var(--bg-color);color:var(--text-color)}:root.dark{--bg-color:black;--text-color:white;--text-muted:#8a8882;--header-bg:black;--hue5:black;--hue6:white;--links:#54f409;--links-bg:#6dd5fa;--surface:#1c1c1a;background-color:var(--bg-color);color:var(--text-color)}.light-mode{filter:brightness()invert()}.dark-mail{filter:invert()}html{scroll-behavior:smooth}#root{flex-direction:column;gap:3rem;min-height:100vh;display:flex}header{background-color:var(--header-bg);z-index:100;justify-content:space-around;padding:2rem;font-family:Noto-Sans;display:flex;position:sticky;top:0}header>p{letter-spacing:-.02em;font-weight:900}nav{justify-content:space-around;gap:3rem;display:flex}a{color:#00a2ea;text-decoration:none}a:hover{color:#00f}nav>a{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:larger;font-weight:700;transition:color .2s}nav>a:hover{color:var(--text-color)}.active{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px}header>span{cursor:pointer;opacity:.7;align-items:center;transition:opacity .2s;display:flex}header>span:hover{opacity:1}main{flex-direction:column;flex:1;gap:6rem;width:50vw;margin:0 auto;padding:1rem;display:flex}.about{flex-direction:column;gap:1rem;font-family:PT-Sans,PT-Serif,Lato;display:flex}.about p{font-size:clamp(.5rem,1.1vw,2rem);line-height:3ch}.heading{text-align:center;letter-spacing:-.02em;margin-bottom:2rem;font-family:Noto-Serif,serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;line-height:1.3}.stack{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(9,1fr);gap:2rem .5rem;display:grid}.tech-stack{color:var(--text-muted);grid-area:1/8/2/10;font-style:italic;font-weight:700}.Html{grid-area:4/1/5/2}.Javascript{grid-area:4/2/5/6}.Css{grid-area:4/6/5/7}.Git{grid-area:4/7/5/8}.Github{grid-area:4/8/5/9}.PostgreSql{grid-area:4/9/5/10}.Nodejs{grid-area:3/2/4/3}.Jest{grid-area:3/3/4/4}.Express{grid-area:3/4/4/5}.Prisma{grid-area:3/5/4/6}.React{grid-area:2/1/3/3}.logo-text{background-color:var(--surface);letter-spacing:.02em;color:var(--text-muted);opacity:0;border:1px solid #000;border-radius:4px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-family:Noto-Sans,sans-serif;font-size:.8rem;font-weight:600;display:flex;transform:translateY(20px)}.logo-text.animate-in{animation:.7s cubic-bezier(.16,1,.3,1) forwards smoothup}@keyframes smoothup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-text img{object-fit:contain;width:18px;height:18px}.portfolio{flex-direction:column;gap:1.5rem;display:flex}.portfolio h2{letter-spacing:-.02em;font-family:Noto-Serif,serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400}.portfolio-intro{color:var(--text-muted);font-family:PT-Sans,sans-serif;font-size:clamp(.75rem,1.1vw,2rem);line-height:1.7}.projects-wrapper{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:1fr;gap:2rem;display:grid}.project{background-color:var(--surface);border-radius:8px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1rem;display:flex;box-shadow:1px 4px 4px 1px gray}.project>p{font-family:PT-Sans,sans-serif;font-size:.9rem;line-height:1.65}.project-links{justify-content:center;align-self:self-end;align-items:center;gap:1.6rem;display:flex}.project-links>a{color:var(--text-color);border-radius:8px;padding:.75rem}.project-links a:hover{background-color:var(--links-bg)}.website{background-color:var(--hue5)}.code{border:1px solid var(--text-muted);background-color:#0000}.contacts{flex-direction:column;gap:1.25rem;display:flex}.contacts h2{letter-spacing:-.02em;font-family:Noto-Serif,serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400}.contact-links{gap:1rem;display:flex}.contact-links div{border-radius:4px;justify-content:center;align-items:center;gap:.3rem;padding:.5rem 1.25rem;font-family:Noto-Sans,sans-serif;font-weight:700;display:flex}.contact-links img{border-radius:24px;width:24px;height:24px}footer{text-align:center;letter-spacing:.04em;color:var(--text-muted);border:1px solid #000;padding:2rem;font-family:Noto-Sans,sans-serif;font-size:.8rem}@media (width<=768px){.about p{font-size:clamp(.95rem,1.1vw,2rem);line-height:3ch}main{width:85%}}@media (width<=480px){header{padding:1rem .3rem;display:flex}header>p{font-weight:700}nav{gap:.75rem}nav>a{letter-spacing:.06em;font-size:small;font-weight:500}main{width:90vw;padding:.2rem}.about p{font-size:clamp(.75rem,1.1vw,2rem);line-height:3ch}.stack{overflow-x:auto}.projects-wrapper{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));column-gap:1rem}.project{padding:.3rem}.project-links{align-self:self-end;gap:.75rem;display:flex}.project-links>a{color:var(--text-color);border-radius:32px;padding:.3rem}}