*{box-sizing:border-box;margin:0;padding:0}body{background-color:#060ab2;height:100vh}.card,body{align-items:center;display:flex;justify-content:center}.card{background-color:#1c7ccc;border-radius:5px;box-shadow:0 0 5px 2px #000;cursor:pointer;padding:110px 80px;position:relative;transform:perspective(1000px);transform-style:preserve-3d;transition-duration:1s;-webkit-user-select:none;user-select:none}.card:not(.flip):hover{box-shadow:0 0 5px 2px #fff;transition-duration:.3s}.card.flip{cursor:default;transform:rotateY(180deg)}.card:not(.flip):active{transform:scale(.9);transition:transform .2s}.back-face,.front-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.front-face{transform:rotateY(180deg)}#board{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}
/*# sourceMappingURL=main.ea05da16.css.map*/