.about{flex-direction:column;margin-top:3em}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{max-width:600px;font-size:1rem}.about__desc,.about__contact{margin-top:2.4em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:2em}}
.contact{flex-direction:column}
.header{justify-content:space-between;width:95%;max-width:1100px;height:8em;margin:0 auto}@media (max-width:600px){.header{height:6em}}
.nav{z-index:10;position:relative}.nav__list{margin-right:1.5em;display:flex}.nav__list--open{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{background-color:var(--clr-bg);z-index:20;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:6rem 1.5rem 2rem;display:none;position:fixed;inset:0}.nav__list--open{display:flex}.nav__list-item{margin:.5em 0}.app .nav__hamburger{z-index:30;margin-left:.8em;display:flex;position:relative}}
.projects__grid{grid-gap:2em;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));max-width:1100px;margin:0 auto;display:grid}
.project{text-align:center;box-shadow:var(--shadow);margin:0 auto;padding:2em;transition:transform .2s linear}.project:hover{transform:translateY(-7px)}.project__description{margin-top:1em}.project__stack{flex-wrap:wrap;justify-content:center;margin:1.2em 0;display:flex}.project__stack-item{color:var(--clr-fg-alt);margin:.5em;font-size:.8rem;font-weight:500}.project .link--icon{margin-left:.5em}
.scroll-top{background-color:#0000;position:fixed;bottom:2em;right:4em}@media (max-width:900px){.scroll-top{display:none}}
.skills__list{flex-wrap:wrap;justify-content:center;width:95%;max-width:450px;margin:0 auto;display:flex}.skills__list-item{margin:.5em}