.center-container{align-items:center;height:100%}.cards-container,.center-container{display:flex;justify-content:center}.cards-container{flex-wrap:wrap;gap:20px}.card{display:inline-block;width:250px;height:200px;margin:.2rem;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;padding:1rem;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.card-front{font-weight:500;background:#1f29377c;border:1px solid #1e366558;text-align:center}.card-back{background:#20275e31;color:white;transform:rotateY(180deg)}