.cards{column-gap:0;justify-content:space-between;margin:0;padding:0 0 0 20px;row-gap:20px}.cards,.cards__card{display:flex;flex-wrap:wrap}.cards__card{align-items:centre;box-sizing:border-box;color:inherit;flex:0 1 24%;flex-direction:column;max-width:24%;text-decoration:none;transition:border .25s ease,transform .25s ease,color .25s ease}a.cards__card.card{border:1px solid transparent;box-sizing:border-box;cursor:pointer;position:relative;transition:border-color .25s ease,transform .25s ease}a.cards__card.card:after{border-radius:inherit;box-shadow:0 0 0 0 #000;content:"";inset:0;pointer-events:none;position:absolute;transition:box-shadow .25s ease,transform .25s ease}a.cards__card.card:hover:after{box-shadow:0 0 0 2px #000}a.cards__card.card:hover{transform:translateY(-7px)}section.cards__card.card{border:1px solid transparent;cursor:default}.cards__card .card__image{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:100%;padding:.7rem}.card__text{padding:.7rem 1.4rem;width:100%}.card__text h2{font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700;line-height:24px}a.cards__card,a.cards__card:active,a.cards__card:focus,a.cards__card:hover{text-decoration:none}a.cards__card,a.cards__card:active,a.cards__card:focus,a.cards__card:hover,a.cards__card:visited{color:inherit}@media (max-width:1024px){.cards__card{flex:1 1 calc(50% - 40px);max-width:calc(50% - 40)}}@media (max-width:640px){.cards{gap:20px}.cards__card{flex:1 1 100%;margin-bottom:1rem;max-width:100%}}