*,*:before,*:after{box-sizing:border-box}*{margin:0;font-family:Space Grotesk,sans-serif;list-style-type:none}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}h1{font-size:3rem}@media screen and (min-width: 768px){h1{font-size:6rem}}h2{font-size:1.75rem}@media screen and (min-width: 768px){h2{font-size:4rem}}h3{font-size:1.4rem}*{--background-color: hsl(126, 40%, 85%)}.about-me{background-color:#fafafa;width:100%;padding:2rem}@media screen and (min-width: 768px){.about-me{padding:3rem 5rem}}.about-me__technologies,.about-me__technologies-subset{margin-top:2rem;margin-bottom:1rem}.about-me__technologies-list{display:flex;flex-wrap:wrap;gap:1rem}.about-me__technologies-icon{height:48px;width:48px;transition:transform .3s ease}.about-me__technologies-icon:hover{transform:scale(1.2)}.connect{padding:2rem;background-color:#fafafa}@media screen and (min-width: 768px){.connect{padding:2rem 5rem}}.connect__links{display:flex}.connect__icon{width:48px;height:48px}.hero{background-color:var(--background-color);height:50vh;padding:2rem}@media screen and (min-width: 768px){.hero{padding:2rem 5rem;height:100vh}}.hero__title{margin-top:2rem;margin-bottom:.5rem}.hero__subtitle{max-width:48rem;color:#4db357}.projects{background-color:var(--background-color);width:100%;padding:2rem}@media screen and (min-width: 768px){.projects{padding:2rem 5rem}}.project-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:2rem}@media (max-width: 768px){.project-list{flex-direction:column;align-items:center}}.project-card{text-align:center;border:1px solid #ccc;border-radius:10px;width:90%;background-color:#f5f4fc9e;box-shadow:0 4px 10px #0000001a;overflow:hidden}@media screen and (min-width: 768px){.project-card{width:30%}}.project-card__preview{width:100%;height:60%;padding-top:1rem;padding-bottom:1rem;display:flex;justify-content:center}.project-card__preview-image{object-fit:contain;width:50%}.project-card__details{padding:1rem;background-color:#fff;width:100%;height:40%}