figure:where(.astro-TKM2RSZC){display:flex;width:90%;margin-inline:auto;flex-wrap:wrap;flex-direction:row;margin-block:4em;justify-content:center;align-items:center;gap:5%;border:1px solid hsla(var(--clr-accent),.3);padding:0 1.2rem;border-radius:20px;min-height:60vh;transition:border .4s;cursor:pointer}figure:where(.astro-TKM2RSZC):hover{border:1px solid hsla(var(--clr-accent),.9)}.project-info:where(.astro-TKM2RSZC){width:50%}.project-img:where(.astro-TKM2RSZC){width:45%;cursor:pointer}.project-img:where(.astro-TKM2RSZC)>img:where(.astro-TKM2RSZC){width:100%}figcaption:where(.astro-TKM2RSZC){font-family:var(--font-secondary);font-size:var(--fs-lg);font-weight:700;color:hsla(var(--clr-accent),1);text-transform:uppercase}p:where(.astro-TKM2RSZC){font-size:var(--fs-semi);font-family:var(--font-primary);line-height:1.2;color:hsla(var(--clr-white),.7);padding-block:.5rem}.button-group:where(.astro-TKM2RSZC){margin-top:1.5rem}a:where(.astro-TKM2RSZC){background:hsl(var(--clr-accent));border:1px solid hsl(var(--clr-accent));font-family:var(--font-secondary)!important;text-transform:uppercase;font-weight:700;text-decoration:none;color:hsla(var(--clr-white),1);padding:11px 22px;border-radius:10px;transition:background .3s ease}a:where(.astro-TKM2RSZC):last-child{border:1px solid hsl(var(--clr-accent));background:transparent}a:where(.astro-TKM2RSZC):last-child:hover{background-color:hsl(var(--clr-accent))}a:where(.astro-TKM2RSZC):hover{background-color:transparent}@media (max-width: 600px){figure:where(.astro-TKM2RSZC){flex-direction:column-reverse;padding:2rem}figcaption:where(.astro-TKM2RSZC){font-size:var(--fs-semi)}.project-img:where(.astro-TKM2RSZC),.project-info:where(.astro-TKM2RSZC){width:100%;padding:1em 0}}.projects:where(.astro-YCDLDISC){position:relative}h2:where(.astro-YCDLDISC){text-align:center;font-family:var(--font-secondary);text-transform:uppercase;font-size:var(--fs-lg);padding:0 2rem}span:where(.astro-YCDLDISC){display:block;color:hsla(var(--clr-accent),.5)}.project-container:where(.astro-YCDLDISC){margin-block:2rem}@media (max-width: 600px){h2:where(.astro-YCDLDISC){font-size:var(--fs-lg)}}