.homepage:where(.astro-QDZYKCQW){height:calc(100vh - 300px);display:flex;align-items:center;justify-content:center}.homepage__content:where(.astro-QDZYKCQW){display:flex;gap:var(--spacing-s);flex-wrap:wrap;justify-content:center}.box:where(.astro-QDZYKCQW){position:relative;border:6px solid var(--c-dark-gray);height:320px;background-color:var(--c-light-gray);width:430px;border-radius:10px;padding:30px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition-duration:.2s;transition-property:border-color,scale}@media (max-width:59.99em){.box:where(.astro-QDZYKCQW){max-width:340px}}.box:where(.astro-QDZYKCQW):hover{scale:1.05;border-color:var(--c-black)}.box:where(.astro-QDZYKCQW):active{scale:1;background-color:var(--c-light-gray)}.box:where(.astro-QDZYKCQW):active h2:where(.astro-QDZYKCQW){color:#000}.box:where(.astro-QDZYKCQW) h2:where(.astro-QDZYKCQW){position:relative;z-index:1;text-align:center;font-size:2.5rem;font-weight:700;color:var(--c-black)}.box:where(.astro-QDZYKCQW) .box__background:where(.astro-QDZYKCQW){position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background-size:cover;background-position:center;opacity:.2;z-index:0}@media (max-height:974px){.box:where(.astro-QDZYKCQW){border:6px solid var(--c-dark-gray);height:230px;width:350px}}