.ProjectsComponent{margin-bottom:var(--component-spacing);margin-top:var(--component-spacing)}.ProjectsComponent h2{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:576px){.ProjectsComponent h2{max-width:576px}}@media (min-width:768px){.ProjectsComponent h2{max-width:768px}}@media (min-width:992px){.ProjectsComponent h2{max-width:992px}}@media (min-width:1200px){.ProjectsComponent h2{max-width:1200px}}@media (min-width:1400px){.ProjectsComponent h2{max-width:1400px}}.ProjectsComponent h2{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));filter:drop-shadow(0 5px 15px rgba(0,0,0,.3)) drop-shadow(0 5px 5px rgba(0,0,0,.5));margin-bottom:3rem;text-align:center}.ProjectsComponent .posts{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:576px){.ProjectsComponent .posts{max-width:576px}}@media (min-width:768px){.ProjectsComponent .posts{max-width:768px}}@media (min-width:992px){.ProjectsComponent .posts{max-width:992px}}@media (min-width:1200px){.ProjectsComponent .posts{max-width:1200px}}@media (min-width:1400px){.ProjectsComponent .posts{max-width:1400px}}.ProjectsComponent .posts{-moz-column-gap:1rem;column-gap:1rem;justify-content:space-evenly;margin-bottom:3rem;width:100%}@media (min-width:768px){.ProjectsComponent .posts{-moz-column-gap:1.5rem;column-gap:1.5rem}}@media (min-width:1200px){.ProjectsComponent .posts{-moz-column-gap:3rem;column-gap:3rem}}.ProjectsComponent .posts{-moz-column-gap:1.5rem;column-gap:1.5rem;display:flex;row-gap:3rem}@media not all and (min-width:576px){.ProjectsComponent .posts{flex-direction:column}}@media (min-width:576px){.ProjectsComponent .posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.ProjectsComponent .posts{-moz-column-gap:3rem;column-gap:3rem;grid-template-columns:repeat(3,minmax(0,1fr))}}.ProjectsComponent .posts{width:calc(100% + 3rem)}@media (max-width:640px){.ProjectsComponent .posts{margin-left:-1.5rem}}.ProjectsComponent .posts .post{border-color:transparent;border-width:1px;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}@media not all and (min-width:576px){.ProjectsComponent .posts .post{align-items:center}}@media (min-width:576px){.ProjectsComponent .posts .post{gap:3rem}}.ProjectsComponent .posts .post{border-radius:9999px 9999px 0 0;padding:1.5rem;transition:.2s}.ProjectsComponent .posts .post--thumbnail{aspect-ratio:.6;border-radius:9999px;display:flex;overflow:hidden;width:100%}.ProjectsComponent .posts .post--thumbnail img{display:flex;height:100%;-o-object-fit:cover;object-fit:cover;transition:.2s;width:100%}.ProjectsComponent .posts .post--title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));filter:drop-shadow(4px 4px 10px rgba(0,0,0,.8));margin-top:32px;text-align:center}.ProjectsComponent .posts .post:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(61 61 61/var(--tw-bg-opacity));border-color:rgb(251 186 7/var(--tw-border-opacity))}.ProjectsComponent .posts .post:hover .post--thumbnail img{--tw-scale-x:1.05;--tw-scale-y:1.05;-o-object-fit:cover;object-fit:cover;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ProjectsComponent .buttons{justify-content:center}@media (min-width:768px){.ProjectsComponent .buttons{justify-content:flex-end}}