@font-face{font-family:NEOPIXEL;src:url(public/NEOPIXEL-Regular.otf);font-weight:400}*{margin:0;padding:0}ol,ul{list-style:none}body{background:#f4f4f4;color:#1e273f;font-family:Space Grotesk,sans-serif;margin:0 auto;padding:32px 80px 246px;width:100%;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth;box-sizing:border-box}h1{font-family:NEOPIXEL;font-size:160px;font-style:normal;font-weight:400;line-height:normal}h2{color:#3f0d00;font-family:NEOPIXEL;font-size:56px;font-style:normal;font-weight:400;line-height:normal;align-self:stretch}h4{font-size:32px;font-style:normal;font-weight:700;line-height:normal}.intro{max-width:632px;padding-bottom:80px;width:100%}.mainProjects{display:grid;width:1120px;max-width:100%;min-height:2000px;row-gap:30px;column-gap:30px;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}.otherProjects{max-width:1120px;width:100%;margin-top:80px;display:flex;flex-direction:column;align-items:stretch;gap:16px;align-self:center}.otherProjectsCarousel{display:grid;row-gap:30px;column-gap:30px;grid-template-rows:repeat(1,368px);grid-template-columns:repeat(13,500px);overflow-x:scroll;overscroll-behavior:auto;padding-bottom:40px}@media (max-width: 1024px) and (min-width: 701px){body{padding:32px 40px 120px}h1{font-size:120px}h2{font-size:48px}h4{font-size:24px}.intro{padding-bottom:64px}.mainProjects{width:100%;min-height:1800px;row-gap:24px;column-gap:24px}.otherProjects{margin-top:60px}.otherProjectsCarousel{grid-template-columns:repeat(13,400px);grid-template-rows:repeat(1,300px)}}@media (max-width: 700px){body{padding:24px 24px 80px}h1{font-size:80px}h2{font-size:32px}h4{font-size:24px}.intro{padding-bottom:40px}.mainProjects{width:100%;min-height:auto;height:auto;row-gap:20px;column-gap:20px;grid-template-rows:repeat(7,auto)}.otherProjects{margin-top:40px}.otherProjectsCarousel{grid-template-columns:repeat(13,280px);grid-template-rows:repeat(1,220px);row-gap:20px;column-gap:20px}}@media (max-width: 1280px) and (min-width: 1025px){body{padding:32px 64px 200px}.mainProjects{width:100%;max-width:1120px}}@font-face{font-family:NEOPIXEL;src:url(public/NEOPIXEL-Regular.otf);font-weight:400}*{margin:0;padding:0;box-sizing:border-box}.card{border-radius:24px;box-shadow:-10px 10px 8px #0000000d,-3px 3px 14px #00000017,-1px 1px 5px #0000000a,-.5px .5px 1.8px #00000003;will-change:transform;transform:translateY(0);transition:transform .3s ease;display:flex;text-decoration:none;height:100%}.card>div{width:100%;height:100%;position:relative}.card:hover{transform:translateY(-4px);transition:transform .3s ease;cursor:pointer}.cardgrande1{grid-row:1 / span 2;grid-column:1 / span 3;position:relative;overflow:hidden}.cardpequeña1{grid-row:1 / span 1;grid-column:4 / span 3;position:relative;overflow:hidden}.cardpequeña2{grid-row:2 / span 1;grid-column:4 / span 3;position:relative;overflow:hidden}.cardfull{grid-row:3 / span 2;grid-column:1 / span 6;position:relative;overflow:hidden}.cardgrande2{grid-row:5 / span 2;grid-column:1 / span 3;position:relative;overflow:hidden}.cardpequeña3{grid-row:5 / span 1;grid-column:4 / span 3;position:relative;overflow:hidden}.cardpequeña4{grid-row:6 / span 1;grid-column:4 / span 3;position:relative;overflow:hidden}.cardcarousel{position:relative;overflow:hidden;transform:none}.cardcarousel:hover{transform:none;cursor:default}h3{font-family:NEOPIXEL;font-size:48px;font-style:normal;font-weight:400;line-height:normal;color:#f5f5f5;position:absolute;left:16px;bottom:16px;max-width:240px}.card img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1024px) and (min-width: 701px){h3{font-size:36px;left:14px;bottom:14px;max-width:200px}.card{border-radius:20px}}@media (max-width: 700px){.card{border-radius:24px}h3{font-size:28px;left:12px;bottom:12px;max-width:180px}.cardgrande1{grid-row:1 / span 1;grid-column:1 / span 6}.cardpequeña1{grid-row:2 / span 1;grid-column:1 / span 6}.cardpequeña2{grid-row:3 / span 1;grid-column:1 / span 6}.cardfull{grid-row:4 / span 1;grid-column:1 / span 6}.cardgrande2{grid-row:5 / span 1;grid-column:1 / span 6}.cardpequeña3{grid-row:6 / span 1;grid-column:1 / span 6}.cardpequeña4{grid-row:7 / span 1;grid-column:1 / span 6}}