.about{flex-direction:column;margin-top:3em}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:600px}.about__contact,.about__desc{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}.footer{padding:3em 0;margin-top:4em;text-align:center}.footer__link{font-size:.9rem;font-weight:600;color:var(--clr-fg)}@media (max-width:600px){.footer{padding:2em;margin-top:3em}}.header{height:8em;max-width:1100px;width:95%;margin:0 auto;justify-content:space-between}@media (max-width:600px){.header{height:6em}}.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}}.project{padding:2em;margin:0 auto;text-align:center;box-shadow:var(--shadow);transition:transform .2s linear}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{margin:.5em;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.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}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:transparent}@media (max-width:900px){.scroll-top{display:none}}.skill{flex-direction:column;margin-top:3em}.project:hover{transform:translateY(-7px)}.about__skills{font-size:1rem;max-width:600px}.skill-list-item{max-width:320px;display:flex;flex-direction:row;padding:1rem;box-shadow:var(--shadow);transition:transform .2s linear}.skill-list-item:hover{transform:translateY(-7px)}@media (max-width:768px){.skill-list-item{max-width:203px}}@media (max-width:480px){.skill-list-item{margin-bottom:14px;max-width:100%}}.list-container{display:flex;flex-direction:column;margin-left:18px}@media (max-width:480px){.list-container{display:flex;margin-left:18px}}.list-title{font-weight:700;font-size:28px;line-height:32px;letter-spacing:.02em;margin-bottom:8px}@media (max-width:768px){.list-title{font-size:24px;line-height:28px}}@media (max-width:480px){.list-title{font-size:20px;line-height:28px;letter-spacing:.02em;margin-bottom:4px}}.list-paragraph{font-size:18px;line-height:30px}@media (max-width:768px){.list-paragraph{font-size:16px;line-height:28px}}@media (max-width:480px){.list-paragraph{font-size:14px;line-height:22px}}.list{list-style-type:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:4rem}@media (max-width:1200px){.list{margin:64px 0}}@media (max-width:768px){.list{margin:64px 0;gap:24px}}@media (max-width:480px){.list{display:grid;grid-template-columns:repeat(2,1fr);padding:15px}}@media (max-width:375px){.list{display:flex;flex-direction:column}}