.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width:600px){.nav__list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;width:100%;height:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;z-index:2;margin-left:.8em}}.header{height:8em;max-width:1100px;width:95%;margin:0 auto;justify-content:space-between}.header h3{font-weight:600;letter-spacing:.02em}.header h3 .link{color:var(--clr-fg-alt)}.header h3 .link:hover{color:var(--clr-primary)}@media (max-width:600px){.header{height:6em}}.about{display:flex;flex-direction:column;align-items:flex-start;margin-top:2em;padding:3.5em 2.5em;position:relative;overflow:hidden;border-radius:.5em;background-color:var(--clr-bg-alt);background-image:radial-gradient(var(--clr-grid-dot) 1px,transparent 0);background-size:22px 22px}.about__eyebrow{font-family:"JetBrains Mono",monospace;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-primary)}.about__name{margin-top:.5em;font-family:"Space Grotesk",sans-serif}.about__desc{margin-top:1.4em;font-size:1.1rem;max-width:640px}@media (max-width:600px){.app .about{margin-top:1.5em;padding:2.5em 1.5em}}.project{padding:2em;margin:0 auto;text-align:center;background-color:var(--clr-bg-alt);border:1px solid var(--clr-primary);border-radius:.5em;box-shadow:var(--shadow);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.project:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{margin:.4em;padding:.3em .7em;border-radius:1em;font-family:"JetBrains Mono",monospace;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-primary);background-color:var(--clr-grid-dot)}.project .link--icon{margin-left:.5em}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}.skills__list{max-width:600px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.skills__list-item{margin:.5em;font-family:"JetBrains Mono",monospace;font-size:.85rem}.skills__list-item.btn--plain{border:1px solid var(--clr-primary);color:var(--clr-primary);background-color:transparent;box-shadow:none}.skills__list-item.btn--plain:hover{-webkit-transform:none;transform:none;background-color:var(--clr-primary);color:var(--clr-bg-alt)}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:transparent}@media (max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column}.footer{padding:3em 0;margin-top:4em;text-align:center}.footer__text{font-family:"JetBrains Mono",monospace;font-size:.85rem;color:var(--clr-fg)}@media (max-width:600px){.footer{padding:2em;margin-top:3em}}.app{font-family:"Inter",sans-serif;line-height:1.5;color:var(--clr-fg);background-color:var(--clr-bg)}.light{--clr-bg:#f5f7f8;--clr-bg-alt:#fff;--clr-fg:#4a5560;--clr-fg-alt:#10161c;--clr-primary:#0e7c86;--clr-grid-dot:rgba(14,124,134,0.12);--shadow:rgba(100,100,111,0.15) 0px 7px 29px 0px}.dark{--clr-bg:#0b0f14;--clr-bg-alt:#121821;--clr-fg:#a9b4c0;--clr-fg-alt:#eef2f5;--clr-primary:#2dd4bf;--clr-grid-dot:rgba(45,212,191,0.14);--shadow:rgba(0,0,0,0.3) 0px 10px 36px 0px,rgba(0,0,0,0.14) 0px 0px 0px 1px}main{max-width:1100px;width:95%;margin:0 auto}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase;font-family:"Space Grotesk",sans-serif;letter-spacing:.04em}.section__title:after{content:"";display:block;width:2.5em;height:3px;margin:.5em auto 0;background-color:var(--clr-primary)}.center{display:flex;align-items:center}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:focus:before,.link:hover:before{width:100%}.link--nav{text-transform:lowercase;font-weight:500}.link--icon,.link--nav{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;font-weight:500;font-size:.9rem;text-transform:lowercase;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{text-transform:none;background-color:var(--clr-bg-alt);box-shadow:0 3px 3px 0 rgba(0,0,0,.15);border:0}.btn--plain:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}}*{padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.2;color:var(--clr-fg-alt);font-family:"Space Grotesk",sans-serif}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media (max-width:900px){h1{font-size:2.6rem}}